2016-11-10 22 views
0

我的Bootstrap 4页面存在问题/问题,如下图所示。第一行被压扁,而后面的行则伸缩移动。我一直无法得到第一排行为相同?有什么想法吗?第一引导行与其他行不同

感谢。

截图>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> 
+0

变化列班第一行内COL-SM-4 –

+0

特小号电网始终保持水平。在第一行中将col-xs-4更改为col-sm-4。 – Khurram

回答

0

我认为这是因为类的您正在使用您的第一行,因为它是从其他两个不同的尺寸和您使用的是第一个安装在尺寸这就是为什么它没有像别人那样行事。

尝试从COL-XS-4改变你的第一行类的div标签为“COL-SM-4”