0

网格系统在移动设备上不起作用：.col-xs-3 全屏显示，col-xs-3 像 col-xs-12 一样工作，有什么想法吗？

<div class="container">

      <div class="row">
      
        <div class="col-md-1 col-xs-3">
          <a href="#">
            <img src="/.."  />
          </a>
        </div>
        
        <div class="col-md-1 col-xs-3">
          <a href="#">
            <img src="/.."  />
          </a>
        </div>
        
        <div class="col-md-1 col-xs-3">
          <a href="#">
            <img src="/.."  />
          </a>
        </div>
        ...
        
    </div>
      
</div>

4

2 回答 2

2

1) 如果您使用的引导版本是 4，则在引导 4 中没有 xs 断点。相反，xs 断点是默认断点，对于其他断点，您必须使用断点。因此，例如，如果您想在移动设备上使用 3 个，在 md 及以上设备上使用 1 个，您必须说

col-3 col-md-1

2）请检查所需的元标记是否位于代码的头部，即

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
于 2019-02-09T15:02:06.520 回答
0

您确定引导程序已链接并且您在移动设备上使用 chrome 吗？

于 2019-02-09T15:02:21.507 回答