Bootsrap不必要的休息时间

Question

在此 你可以看到两个div在大屏幕上都可以。 但是当我把它们调整到sm屏幕时，左边的div会跳下来。我希望所有类型的2个div都在彼此旁边。我使用右向左方向版本的bootstrap。这可能是原因吗？ 这是我的代码：

<div class="row clearfix">

<div class="col col-md-10">
<!--Whatever-->
</div>

<div class="col col-md-2">
<ul class="left">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>

</div>

CSS

.left
{
list-style:none;
border:2px solid black;
}

Answer 1

没有RTL版本不是原因 当你编写col-md-10时，你已经在中等屏幕上为div投入了10个专栏，而且这个部门在大型＆amp;中等屏幕，但小而无意义XSMALL。

如果您希望您的分区在各种屏幕中均有意义，请使用col-xs-n 因此，您的问题的答案是使用col-xs而不是col-md。

Answer 2

使用xs代替md

<div class="col col-xs-10">