我在这里使用了这个例子
Twitter bootstrap 3 two columns full height
我刚刚在文件中添加了bootstrap.css
http://jsfiddle.net/qhoc/scsGj/136/
http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css
如果我在jsfiddle中运行,那很好。但如果我在jsfiddle之外跑,它就不再有完整的高度了。请参阅:http://jsfiddle.net/m/jva/
有关为什么会出现此问题的任何建议?
答案 0 :(得分:1)
请注意,如果您将宽度扩展到某个点,则会重现该问题。
违规引导程序css位于浮动受影响元素的媒体查询内部。
@media(min-width:992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md- 9,.col-md-10,.col-md-11,.col-md-12 {
float: left
}
当我更改th
窗口宽度时,我通过检查chrome dev工具中元素的计算样式来找到问题。
这是一个修复:
.row > div {
float:none;
}