引導：調整窗口大小，如果是移動設備

Question

我需要做一個登錄菜單，但我想要做這樣的事情：

寬度：

手機：100％
片劑： 50％
計算機：25％

我試圖做的山坳 - ?? - 價值，但它並沒有行之有效。任何消化？

Answer 1

<div class="col-md-3 col-sm-6 col-xs-12"> 

計算機：25％= 12/4 = col-md-3（col-lg-3也是，但它會默認計算等於col-md）;

片劑：50％= 12/2 = col-sm-6;

手機：100％= 12cells = col-xs-12

到中心的菜單，你可以添加偏移：col-md-offset-4 col-sm-offset-3

Answer 2

你可以使用引導網格來解決它。只要使用的列不同的斷點來控制你的內容的寬度：

<div class="row"> 
<div class="col-sm-4 col-md-6 col-lg-12"> 
</div> 
</div> 

Answer 3

爲此，您可以使用bootstrap grid system，如下圖所示：

<div class="row"> 
    <div class="col-xs-12 col-sm-6 col-md-3"> 
    </div> 
</div>