Css 以下html布局是否可以使用Twitter引导？

我试着在图片上做html布局。浅蓝色的col-md-2 div包含图像，深蓝色的col-md-4也是图像。粉红色的div包含文本。请给出一个简单的html布局，它符合图片上的内容

Twitter引导中的所有列都是浮动元素。所以你不能仅仅通过推特引导类来调整内容中心。您可以尝试以下样式：

display:table cell；垂直对齐：中间对齐在块上：col-md-8和col-md-4

选中“是”，这是可能的，但每个“.row”的内部必须有等于12列的列。因此父列div等于12 col-md-8和col-md-4。但是col-md-8 div中的子div不等于12。所以它们也必须是8和4。或者9和3。。。只要它等于12。这取决于内容是什么。您还可以将所有这些内容包含在一个div中，并将该div居中放置到视图端口

但这种布局是可能的。下面我重点介绍了您应该使用的网格系统布局，并给出了一个示例

我已经给这些列上色了，这样你就可以看到网格布局了。希望这有帮助



col-8
可乐
可乐
可乐
可乐
可乐
可乐
col-4
当然有可能。下面是一个完全实用的示例：



正文{
身高：100%；
宽度：100%；
}
.集装箱{
宽度：1000px；
最大宽度：100%；
身高：100%；
背景：#E5FF5E；
填充：100px 100px 100px 100px！重要；
}
.行{
最小高度：1000px；
背景：红色；
}
.垂直{
显示：表格单元格；
垂直对齐：中间对齐；
}
.行{
高度：200px；
边缘底部：10px；
}
#左容器{
背景:#6af98；
高度：1000px；
显示：表格；
}
#右容器{
背景：#6FFFE9；
高度：1000px；
}
@介质（最大宽度：767px）{
#左容器{
宽度：100%；
}
}
@介质（最大宽度：991px）和（最小宽度：767px）{
#左容器{
宽度：100%；
}
}
@介质（最大宽度：991px）{
}
#r1c1{
身高：继承；
背景:#FF76FD；
}
#r1c2{
身高：继承；
背景：18岁；
}

是的，此布局是可能的，正如您在图像中显示的那样。你有任何代码，你正在挣扎吗？可能。大概为什么你不试试看，如果你遇到问题，然后问一个具体的问题。我有两个小时的尝试，今天就停下来。我明天再试试。对不起，我不想让其他人为我工作。这种布局在Bootstrap中是绝对可行的，实际上这正是Bootstrap所擅长的。但是，您需要发布您的代码，这样我们才能帮助您。谢谢，这太棒了。我找不到的诀窍是将.s行放入大列8中，并再次将列8中的这些行视为一整行（将它们拆分为列8+列4）。好主意。非常感谢。剩下的（对齐和其他小问题）是CSS，没什么大不了的。太棒了！！！很高兴我能帮忙！非常感谢你。我接受了另一个答案，因为这是第一个答案，它是纯twitter引导，没有添加太多CSS样式。（当然需要一些额外的样式来垂直和水平对齐div，但我更喜欢使用较少的调整，更多地使用引导样式）。非常感谢。