Bootstrap 4列未按预期调整

时间:2016-09-28 11:23:12

标签: twitter-bootstrap-3

我有一个4列引导响应网格。

xs工作正常,col-xs-12,因为4列变为4行。 lg在页面上工作正常,col-lg-3,4列,每页1/4。

当我开始缩小md和sm的页面大小时,我遇到了问题。

当我点击md时,我希望得到两行2列,col-md-6。在第一个响应布局更改时,当我减小窗口大小时,我按预期在第一行中获得第1列和第2列,第3列在第一列的新第2行中,如预期的那样,但第4列是在第一列中的新第3行。

frontend\models\Model Object
(
    [_attributes:yii\db\BaseActiveRecord:private] => Array
        (
            ....
            [id] => 14
            [item] => 
            [last_modified] => 2016-09-28 13:16:43
            ....

非常感谢所有帮助。

1 个答案:

答案 0 :(得分:0)

您已用于第一列和剩余列。

仅用于解决问题的所有列。

块将使用div的完整宽度,因此如果你使用block for sm或md,它将失去响应性。