想在手机的情况下相同的桌面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类的建议。