Первая строка Bootstrap отличается от других

Question

У меня есть вопрос / проблема с моей страницей Bootstrap 4, как показано на скриншоте ниже. Первый ряд сдавлен, а следующие ряды масштабируются на мобильный. Я не смог заставить первый ряд действовать так же? Какие-нибудь мысли?

Благодарю.

Снимок экрана> https://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"