Bootstrap 4 сетки

Question

Может кто-нибудь объяснить мне о системе координат сетки в Bootstrap 4 и Bootstrap 4 по-прежнему альфа-версия?Должен ли я начать использовать Bootstrap 4 в моем большом проекте?Может ли его будущее обновление создать какие-либо проблемы в моих проектах?

Answer 1

Bootstrap-4 стабильна, и его последняя версия 4.1.1.Bootstrap удалил все варианты *-xs-* классов.Используйте col-* для мобильного телефона.

https://getbootstrap.com/docs/4.1/layout/grid/#grid-options

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css" rel="stylesheet" />
<div class="container">
  <div class="row text-center">
    <div class="col-12 col-sm-3 p-5 bg-primary">Column 1</div>
    <div class="col-12 col-sm-3 p-5 bg-success">Column 2</div>
    <div class="col-12 col-sm-3 p-5 bg-danger">Column 3</div>
    <div class="col-12 col-sm-3 p-5 bg-info">Column 4</div>
  </div>
</div>