Question

我的Bootstrap 4页面存在问题/问题，如下面的屏幕截图所示。第一行被压扁，而后面的行缩放到移动。我一直无法让第一排行动一样吗？有什么想法吗？

感谢。

屏幕截图＆gt; http://i.imgur.com/ncPSG62l.png

  <div class="row">
    <div class="col-xs-4"><strong>Optus Singtel Pty Limited</strong></div>
    <div class="col-xs-4">4GPlus &nbsp; 3G &nbsp; 2G</div>
    <div class="col-xs-4">LTE 2600 &nbsp; LTE 700 &nbsp; WCDMA 2100 &nbsp; WCDMA 900 &nbsp; GSM 900 &nbsp; (LTE 900 proposed)</div>
  </div>

  <div class="row">
    <div class="col-sm-4"><strong>Vodafone Hutchison Australia Pty Limited</strong></div>
    <div class="col-sm-4">3G &nbsp; 2G</div>
    <div class="col-sm-4">WCDMA 900 &nbsp; GSM900</div>
  </div>

  <div class="row">
    <div class="col-sm-4"><strong>nbn co Limited</strong></div>
    <div class="col-sm-4">4G (NBN Fixed Wireless)</div>
    <div class="col-sm-4">LTE 2300</div>
  </div>

Answer 1

我认为这是因为你在第一行使用的是类，因为它与其他两个不同，你在第一个屏幕上使用的尺寸就是为什么它不像其他人一样那样。

尝试将第一行div标签的类更改为“col-sm-4”

第一个Bootstrap行与其他行不同

1 个答案: