添加bootstrap css时,全高不起作用

时间:2014-01-17 08:33:11

标签: html css twitter-bootstrap stylesheet

我在这里使用了这个例子

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/

有关为什么会出现此问题的任何建议?

1 个答案:

答案 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;
}

http://jsfiddle.net/scsGj/138/