引导：调整窗口大小，如果是移动设备

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>