Вертикальный в div на мобильном устройстве

Я использую Bootstrap для создания div, Если я получу доступ на рабочем столе, div показывает горизонтальный, но div не показывает вертикаль в мобильном браузере. я хочу div показывать вертикаль в мобильном браузере.

 <meta name="viewport" content="width=device-width, initial-scale=1.0" >

 <div class="col-sm-pull-0">
     <div class="col-xs-6">
         <!-- content -->
     </div>
     <div class="col-xs-6">
         <!-- content -->
     </div>
 </div>

2 ответа

Это будет работать:

 <div class="col-xs-12 col-lg-6">
      //content
 </div>
 <div class="col-xs-12 col-lg-6">
     //content
 </div>

Поскольку вы используете неправильные классы, http://jsbin.com/weciqava/1, если вы хотите показывать вертикально на мобильных устройствах, вы должны использовать col-xs-12, если вы используете xs-6, он показывает горизонтально

Другие вопросы по тегам