Kosala migrate de 2.x à 3.0

Bootstrap 3 ezali compatible na sima te na v2.x. Salelá eteni oyo lokola motambwisi ya monene mpo na kosala bomatisi longwa na v2.x kino na v3.0. Mpo na botali ya monene, tala nini ya sika na liyebisi ya kobimisama ya v3.0.

Mbongwana minene ya kelasi

Tableau oyo ezali kolakisa mbongwana ya style kati na v2.x mpe v3.0.

Bobandi ya mosala 2.x Bobandi ya mosala 3.0
.row-fluid .row
.span* .col-md-*
.offset* .col-md-offset-*
.brand .navbar-brand
.navbar .nav .navbar-nav
.nav-collapse .navbar-collapse
.nav-toggle .navbar-toggle
.btn-navbar .navbar-btn
.hero-unit .jumbotron
.icon-* .glyphicon .glyphicon-*
.btn .btn .btn-default
.btn-mini .btn-xs
.btn-small .btn-sm
.btn-large .btn-lg
.alert .alert .alert-warning
.alert-error .alert-danger
.visible-phone .visible-xs
.visible-tablet .visible-sm
.visible-desktop Bokabwani na kati.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Bokabwani na kati.hidden-md .hidden-lg
.input-block-level .form-control
.control-group .form-group
.control-group.warning .control-group.error .control-group.success .form-group.has-*
.checkbox.inline .radio.inline .checkbox-inline .radio-inline
.input-prepend .input-append .input-group
.add-on .input-group-addon
.img-polaroid .img-thumbnail
ul.unstyled .list-unstyled
ul.inline .list-inline
.muted .text-muted
.label .label .label-default
.label-important .label-danger
.text-error .text-danger
.table .error .table .danger
.bar .progress-bar
.bar-* .progress-bar-*
.accordion .panel-group
.accordion-group .panel .panel-default
.accordion-heading .panel-heading
.accordion-body .panel-collapse
.accordion-inner .panel-body

Oyo eza ya sika

Tobakisi ba éléments ya sika pe to changer mua oyo ezalaki. Tala ba styles ya sika to oyo ezongisami na tango.

Eloko Ndimbola
Ba panneaux .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Liste ya ba groupes .list-group .list-group-item .list-group-item-text .list-group-item-heading
Ba glyphicons .glyphicon
Jumbotron oyo azali .jumbotron
Grille ya moke ya likolo (<768px) .col-xs-*
Grille ya moke (≥768px) .col-sm-*
Grille ya monene (≥992px) .col-md-*
Grille ya monene (≥1200px) . .col-lg-*
Ba kelasi ya utilité oyo ezo répondre (≥1200px) .visible-lg .hidden-lg
Ba offsets .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Kotindika .col-sm-push-* .col-md-push-* .col-lg-push-*
Kobenda .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Ba taille ya hauteur ya entrée .input-sm .input-lg
Bituluku ya bokɔtisi .input-group .input-group-addon .input-group-btn
Ba contrôles ya formulaire .form-control .form-group
Ba taille ya groupe ya boutons .btn-group-xs .btn-group-sm .btn-group-lg
Makomi ya Navbar .navbar-text
Motó ya likambo ya Navbar .navbar-header
Ba onglets / ba pilule oyo e justifié .nav-justified
Bililingi oyo ezali kopesa eyano .img-responsive
Milɔngɔ́ ya tableau oyo ezali na contexte .success .danger .warning .active .info
Ba panneaux ya contexte .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Elilingi ya moke .img-thumbnail
Ba taille ya mabulu .well-sm .well-lg
Ba liens ya alerte .alert-link

Oyo elongolami

Ba éléments oyo elandi ekiti to ebongwani na v3.0.

Eloko Elongolami na 2.x 3.0 Ekokani na yango
Bosala misala .form-actions N/A
Formulaire ya koluka .form-search N/A
Formulaire groupe na info .control-group.info N/A
Ba taille ya entrée ya largeur fixe .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Salelá .form-controlmpe système ya grille na esika na yango.
Entrée ya formulaire ya niveau ya bloc .input-block-level Pas d'équivalent direct, mais ba contrôles ya ba formes ezali ndenge moko.
Ba boutons ya inverse .btn-inverse N/A
Molongo ya mai .row-fluid .row(grille fixe lisusu te)
Ezali ko contrôler enveloppe .controls N/A
Ezali ko contrôler molongo .controls-row .rowto.form-group
Navbar ya kati .navbar-inner N/A
Navbar ba diviseurs verticales .navbar .divider-vertical N/A
Sous-menu oyo ezali kokita .dropdown-submenu N/A
Ba alignments ya ba onglets .tabs-left .tabs-right .tabs-below N/A
Esika ya tabbable oyo esalemi na pilili .pill-content .tab-content
Panneau ya esika ya tabbable oyo esalemi na pilili .pill-pane .tab-pane
Ba liste ya Nav .nav-list .nav-header Equivalent direct te, kasi ba groupes ya liste na .panel-groups ezali ndenge moko.
Lisalisi ya kati mpo na ba contrôles ya formulaire .help-inline Equivalent exact te, mais .help-blockezali ndenge moko.
Ba couleurs ya progression oyo ezali na niveau ya barre te .progress-info .progress-success .progress-warning .progress-danger Salelá .progress-bar-*na .progress-baresika na yango.

Banote mosusu

Mbongwana mosusu na v3.0 emonanaka mbala moko te. Ba kelasi ya base, ba styles ya ntina, mpe bizaleli ebongisami mpo na flexibilité mpe approche na biso ya liboso ya mobile . Tala liste ya ndambo:

  • Na ndenge ya libela, ba contrôles ya formulaire oyo esalemi na makomi ezuaka sikoyo kaka styling ya moke. Mpo na ba couleurs ya focus na ba coins arrondis, salela .form-controlclasse na élément na style.
  • Ba contrôles ya formulaire basé na texte na .form-controlclasse oyo esalemi ezali sikoyo 100% ya large par défaut. Envelopper ba entrées na kati <div class="col-*"></div>pona ko contrôler ba largeurs ya entrée.
  • .badgeazali lisusu na ba classes contextuelles (-success,-primary,etc..) te.
  • .btnesengeli mpe kosalela .btn-defaultmpo na kozwa bouton "default".
  • .rowezali sikoyo fluide.
  • Ba images ezo répondre lisusu te par défaut. Salelá yango mpo na bonene .img-responsiveya mai .<img>
  • Ba icons, sikoyo .glyphicon, ezali sikoyo na ba fonts. Ba icônes esengaka pe classe ya base na ba icônes (ndakisa .glyphicon .glyphicon-asterisk).
  • Typeahead elongolami, na ntina ya kosalela Twitter Typeahead .
  • Marquage modale ebongwani mingi. Biteni .modal-header, .modal-body, mpe .modal-footerbizali sikawa kozingama .modal-contentmpe .modal-dialogmpo na kobongisa mpe bizaleli malamu ya telefone ya mabɔkɔ. Lisusu, osengeli lisusu te kosala demande .hidena .modalna marque na yo.
  • Kobanda na v3.1.0, HTML oyo remoteekɔtisami na option modal ezali sikoyo kokɔtisama na .modal-content(kobanda na v3.0.0 tii na v3.0.3, na kati ya .modal) na esika ya kokɔta na .modal-body. Yango epesaka yo nzela ya mpe kobongola na pɛtɛɛ nyonso motó mpe nse ya lokasa ya modal, kaka nzoto ya modal te.
  • Boîte de coche mpe ba fonctionnalités ya radio ya plugin button.js sikoyo bango mibale basalelaka data-toggle="buttons"au lieu data-toggle="buttons-checkbox"to data-toggle="buttons-radio"na marquage na bango.
  • Makambo ya JavaScript ezali na esika ya nkombo. Ndakisa, mpo na kosimba likambo ya "lakisa" modal, salelá 'show.bs.modal'. Mpo na ba onglets "elakisami" salela 'shown.bs.tab', etc.

Mpo na koyeba makambo mingi na ntina ya bomatisi na v3.0, mpe biteni ya code uta na lisanga, tala Bootply .