android - Bootstrap 中的 col.xs 被设置在 800 分辨率的 table 上

Question

我现在正在学习 bootstrap，我似乎对这些列有疑问。

 <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 tab 4 设置为 sx 设置，即使它的分辨率为官方技术规范为 1280 x 800 (WXGA)。

我已经检查了 CSS，我的自定义 CSS 集为零。任何人都可以解释或建议它为什么这样做吗？

Answer 1

您有 lg=large, md=medium, xs=extra small 的订购问题。替换这可能对您有帮助。

<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">