Bootstrap：如果是移动设备，则调整窗口大小

Question

我需要创建一个登录菜单，但我想做这样的事情：

宽度：

手机：100％
平板电脑：50％
电脑：25％

我试图做col - ?? - value，但它没有奏效。任何sugestions？

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

您可以使用bootstrap grid system执行此操作，如下所示：

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

Answer 3

您可以使用bootstrap网格解决它。只需使用具有不同断点的列来控制内容的宽度：

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