Bootsrap中的不必要的中斷

Question

in this
你可以看到兩個div，他們在大屏幕上沒問題。 但當我調整他們的sm - 屏幕左div將跳下來。我希望所有類型的兩個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你已經投入了10列在中畫面div，這個部門在大屏幕&中，但毫無意義的小& xSmall。

如果你想在各種屏幕上顯示你的分區，你應該使用col-xs-n。
所以你的問題的答案是使用col-xs而不是col-md。

Answer 2

使用XS，而不是MD

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