想在手機的情況下相同的桌面div師

Question

以下的bootstrap代碼在桌面的情況下工作正常，我想設計相同的div師或相同的外觀&在手機的情況下感覺。

<div class="row"> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
</div> 

Answer 1

只需使用要應用的col-<size>-<num>兄弟類。 例如，如果您希望網格保持相同的分區達到最小尺寸，請使用col-xs-<num>類。如果您需要平板電腦等中型設備，請使用col-md-<num>。該部門從規定的尺寸到較大的尺寸。

你可以閱讀更多關於此這裏：Grid Options

在你的情況下，只需用col-xs-1更換col-lg-1類的建議。