http://jsfiddle.net/jgehrs/MgcDU/3103/
我有这个代码块,它应该导致4个相同大小的跨度全部水平排列,但正如您所看到的,第4个块被推下到新行.我现在已经使用了bootstrap几天了,这是我第一次见到这个.
- <div id='middle' class='row'>
- <div class='span3'>
- <div>1</div>
- </div>
- <div class='span3'>
- <div>2</div>
- </div>
- <div class='span3'>
- <div>3</div>
- </div>
- <div class='span3'>
- <div>4</div>
- </div>
编辑:这是一个显示问题的jsFiddle.
解决方法
流体布局与百分比一起使用.您可以尝试< div class =“row-fluid”>为我修好了.