Bootstrap在較小的屏幕上垂直定位到水平

Question

我使用引導程序進行響應式設計。

這是計算機的觀點：

這是iPad上的觀點：

是否有可能以某種方式當我改變到iPad改變這些垂直菜單框狀水平狀態這樣的：

我使用這個類：

<div class="row"> 
    <div class="col-lg-4">MENU</div> 
    <div class="col-lg-8">LIST</div> 
</div> 

謝謝您的任何建議！

Answer 1

在這裏看看：http://getbootstrap.com/css/#responsive-utilities商務部

的COL-LG是大型設備

對於額外的小裝置：

<div class="row"> 
    <div class="col-xs-4">MENU</div> 
    <div class="col-xs-8">LIST</div> 
</div> 

對於小型設備：

<div class="row"> 
    <div class="col-sm-4">MENU</div> 
    <div class="col-sm-8">LIST</div> 
</div> 

UPDATE： 我不知道是什麼設備IPAD（特小，小型或中型設備，以便在我爲例這將是小..

<div class="row"> 
    <div class="col-md-4">MENU 
     <div class="col-sm-4 col-md-12>acccount</div> 
     <div class="col-sm-4 col-md-12>transact</div> 
     <div class="col-sm-4 col-md-12>details</div> 
    </div> 
    <div class="col-md-8">LIST</div> 
</div> 

當你看到<div class="col-sm-4 col-md-12>acccount</div>：

這DIV將4/12的小裝置，並在12/12介質裝置（COL-MD-4）...

我希望我們都在同一波現在^^