Twitter bootstrap 停止引导。在Nath下进行col包装

Twitter bootstrap 停止引导。在Nath下进行col包装,twitter-bootstrap,twitter-bootstrap-3,vertical-alignment,col,Twitter Bootstrap,Twitter Bootstrap 3,Vertical Alignment,Col,我的引导div有问题,这是我当前在较大屏幕上的设置: ------------------------------------ | | 2 | 1 ------------ | | 3 | ------------------------ | | ---------

我的引导div有问题,这是我当前在较大屏幕上的设置:

------------------------------------
|                        |     2    |
             1           ------------
|                        |     3    |
------------------------ |          |
                         ------------
我的简化代码看起来有点像这样:

<div class="row">
    <div class="col-md-8 col-ms-12 col-sm-12"></div>
    <div class="col-md-4 col-ms-6 col-sm-6"></div>
    <div class="col-md-4 col-ms-6 col-sm-6"></div>
</div>

现在不幸的是,有时div2变得更大,将div3推到比div1底部更低的位置,并在下面缠绕。我怎样才能阻止这种情况,并让3号舱保持在右侧,即使低于1号舱?我试过clearfix,但它似乎不起作用


另外,我正在使用“ms”中小型断点作为我安装的额外断点。

您可以应用
float:right992px
或更大时,将属性设置为第三个块。我已经定义了一个新的特殊类
。为此,请向右拉md

请检查结果:

/*问题的核心*/
@介质(最小宽度:992px){
.向右拉{
浮子:对!很重要;
}
}
/*装饰物*/
.row>div:n类型(1){背景:#9c6;最小高度:200px;}
.row>div:n类型(2){背景:#ff0;最小高度:250px;}
.row>div:n类型(3){背景:#f93;最小高度:150px;}
.行>分区{
字号:28px;
字体大小:粗体;
颜色:#fff;
填充顶部:6px;
}

1.
2.
3.

您可以应用
浮动:右992px
或更大时,将属性设置为第三个块。我已经定义了一个新的特殊类
。为此,请向右拉md

请检查结果:

/*问题的核心*/
@介质(最小宽度:992px){
.向右拉{
浮子:对!很重要;
}
}
/*装饰物*/
.row>div:n类型(1){背景:#9c6;最小高度:200px;}
.row>div:n类型(2){背景:#ff0;最小高度:250px;}
.row>div:n类型(3){背景:#f93;最小高度:150px;}
.行>分区{
字号:28px;
字体大小:粗体;
颜色:#fff;
填充顶部:6px;
}

1.
2.
3.

是否可能是您的自定义
列ms-*
断点导致了问题?我刚刚将它们删除以进行测试,但仍然存在问题,引导是否意味着阻止列正常包装这是我得到的输出,这是预期的。您认为是什么做的不对?是否可能是您的自定义
col ms-*
断点导致了问题?我刚刚删除了它们以进行测试,但仍然存在问题,引导是否意味着阻止列正常包装这是我得到的输出,这是预期的。你认为它在做什么是错误的?