Twitter bootstrap 3 为什么我的引导行布局不正确
有人能告诉我为什么这把小提琴不能正常工作吗?我的第三个和第四个逻辑行相互重叠。这是由Twitter bootstrap 3 为什么我的引导行布局不正确,twitter-bootstrap-3,Twitter Bootstrap 3,有人能告诉我为什么这把小提琴不能正常工作吗?我的第三个和第四个逻辑行相互重叠。这是由引起的。如果我添加一个col-md-12,比如,它会像我期望的那样工作,但是当我阅读文档时,我不需要它。如果在第二个 这是密码 <div class="row"> <div class="col-lg-8"> <div class="fixed-height"> double width double w
引起的。如果我添加一个col-md-12,比如
,它会像我期望的那样工作,但是当我阅读文档时,我不需要它。如果在第二个
这是密码
<div class="row">
<div class="col-lg-8">
<div class="fixed-height">
double width double width double width double width double width double width double width double width double width double width double width
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="fixed-height">
single width single width single width single width single width single width single width single width single width single width single width single width single width
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="fixed-height">
single width single width single width single width single width single width single width single width single width single width single width single width single width
</div>
</div>
<!-- Problem is this element -->
<div class="col-lg-8">
<div class="fixed-height">
double width double width double width double width double width double width double width double width double width double width double width
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="fixed-height">
single width single width single width single width single width single width single width single width single width single width single width single width single width
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="fixed-height">
single width single width single width single width single width single width single width single width single width single width single width single width single width
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="fixed-height">
single width single width single width single width single width single width single width single width single width single width single width single width single width
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="fixed-height">
single width single width single width single width single width single width single width single width single width single width single width single width single width
</div>
</div>
</div>
双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度
单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽
单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽
双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度双倍宽度
单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽
单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽
单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽
单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽单宽
文档中的哪一处说明在这种情况下不需要col-md-12?我看了文档,但他们通常将列放在总计为12的行中,但您的列超过了该数量。我个人认为,添加它是一种很好的做法,这样可以清楚地显示它在中等大小时的显示方式。@Andrew-COL超过12个单位是可以的@杰伊-你们在彼此之上是什么意思?你是说单独的列垂直堆叠在不同的行中吗?这只是在某个断点/屏幕宽度上发生的吗?@Skelly-如果你以col md将成为目标的分辨率观察小提琴,col-lg-8的第二个实例的行为方式非常出乎意料,没有像我预期的那样包装。Matt Hernandez在这张罚单中的评论可能解释了这一点()。这与移动设备无关,更重要的是,每当屏幕落在v3中的任何断点下时,如果此时没有.col-*类来处理大小调整,则列会断为全宽。这是因为宽度和浮动的样式在该断点处消失,元素捕捉到其默认浏览器宽度,即100%。如果没有它处理浮子,它将无法工作。