为什么这个bootstrap布局网格不应该包裹?

时间:2016-09-08 00:05:11

标签: twitter-bootstrap twitter-bootstrap-4 bootstrap-4

(注意:此网站仅适用于Chrome,IE不会显示,因为它不支持Fetch规范)

http://greggum.com/#/entity-shell/entityDetails/14

如果你转到这个页面,有一行有两个子div,它们都应该适合一行。一个有col-sm-8类,第二个col-sm-4但是,第二个包裹在第一个下面。

问题在于页面上使用的拆分器。如果我删除拆分器,那么它可以正常工作。但我不知道该怎么做才能解决。

如果我将第二个更改为col-sm-3,它也可以工作但是它不会填满整个区域。

我如何使这项工作?

2 个答案:

答案 0 :(得分:0)

我不知道为什么,但这解决了这个问题:

.row div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

答案 1 :(得分:-1)

这似乎解决了这个问题。

变化

<div class="row">

<div class="row-fluid">
礼貌:http://odetocode.com/blogs/scott/archive/2013/01/08/why-use-the-bootstrap-grid.aspx