Question

我现在正在学习引导程序，我似乎对列有问题。

 <div class="container-fluid">
  <div class="row">
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
      <p>Test</p>  
    </div>
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
      <p>Test</p>    
    </div>
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
      <p>Test</p>    
    </div>
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
      <p>Test</p>    
    </div>
  </div>
</div>

正如你所看到的，我已将所有其他设置为1宽，但xs设置为3.我遇到的问题似乎是将我的Galaxy选项卡4设置为sx设置，即使它的分辨率为官方技术规格是1280 x 800（WXGA）。

我检查了css，我没有自定义css设置。任何人都可以解释或建议为什么这样做吗？

Answer 1

您有订购问题，因为lg = large，md = medium，xs = extra small .replace这可能会对您有所帮助。

<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">

到

 <div class="col-xs-3 col-sm-1 col-md-1 col-lg-3">

bootstrap中的col.xs设置在800分辨率的表上

1 个答案: