Нежелательный перерыв в Bootsrap

Question

в этом
вы можете видеть два divs, что они в порядке на больших экранах. , но когда я изменю их размер на sm-screen, левый div спрыгнет вниз. Я хочу, чтобы во всех типах 2 div были рядом друг с другом. Im, используя версию бутстрапа с правом налево. может ли это быть причиной? Это мой код:

<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

Используйте хз вместо мД

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