Bootstrap 3 в Bootstrap 4 преобразования

Question

Что такое эквивалентный код Bootstrap 3

<div class="col-xs-12 col-sm-12 col-md-3">

в Bootstrap 4?

Answer 1

Эквивалентный код Bootstrap 3

<div class="col-xs-12 col-sm-12 col-md-3">

Эквивалентный код Bootstrap 4

Попробуйте это работает на очень маленьком устройстве, ipad, ipad pro и ноутбуке а также очень большое устройство

<div class="col-xs-12 col-sm-12 col-lg-3 col-xl-3">

Answer 2

Bootstrap 3 или Bootstrap 4 разница

Это моя статья на эту топи c, которую вы также можете увидеть здесь.

ссылка: https://www.includehelp.com/html/difference-between-bootstrap-3-and-bootstrap-4.aspx

Вы также можете увидеть здесь

ссылка: http://upgrade-bootstrap.bootply.com/

Bootstrap 3.x Bootstrap 4

.col-*-offset-*           .offset-*
.col-*-push-*             .order-*-2
.col-*-pull-*             .order-*-1
.panel                    .card
.panel-heading            .card-header
.panel-title              .card-title
.panel-body               .card-body
.panel-footer             .card-footer
.panel-primary            .card.bg-primary.text-white
.panel-success            .card.bg-success.text-white
.panel-info               .card.text-white.bg-info
.panel-warning            .card.bg-warning
.panel-danger             .card.bg-danger.text-white
.well                     .card.card-body
.thumbnail                .card.card-body
.list-inline > li         .list-inline-item
.dropdown-menu > li       .dropdown-item
.nav navbar > li          .nav-item
.nav navbar > li > a       .nav-link
.navbar-right             .ml-auto
.navbar-btn               .nav-item
.navbar-fixed-top         .fixed-top
.nav-stacked              .flex-column
.btn-default              .btn-secondary
.img-responsive           .img-fluid
.img-circle               .rounded-circle
.img-rounded              .rounded
.form-horizontal           (removed)
.radio                    .form-check
.checkbox                 .form-check
.input-lg                 .form-control-lg
.input-sm                 .form-control-sm
.control-label            .col-form-label
.table-condensed          .table-sm
.pagination > li          .page-item
.pagination > li > a      .page-link
.item                     .carousel-item
.help-block               .form-text
.pull-right               .float-right
.pull-left                .float-left
.center-block             .mx-auto.d-block
.hidden-xs                .d-none
.hidden-sm                .d-sm-none
.hidden-md                .d-md-none
.hidden-lg                .d-lg-none
.visible-xs               .d-block.d-sm-none
.visible-sm               .d-none.d-sm-block.d-md-none
.visible-md               .d-none.d-md-block.d-lg-none
.visible-lg               .d-none.d-lg-block.d-xl-none
.label                    .badge
.badge                    .badge.badge-pill