Okusenguka okuva ku 2.x okudda ku 3.0

Bootstrap 3 tekwatagana na v2.x emabega. Kozesa ekitundu kino nga ekitabo eky'awamu eky'okulongoosa okuva ku v2.x okudda ku v3.0. Okufuna okulambika okugazi, laba ebipya mu kiwandiiko ky'okufulumya v3.0.

Enkyukakyuka ennene mu kibiina

Omulongooti guno gulaga enkyukakyuka mu sitayiro wakati wa v2.x ne v3.0.

Ekitabo ky’okutandika 2.x Ekitabo ekiyitibwa Bootstrap 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 Okwawulwamu mu.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Okwawulwamu mu.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

Ekipya ekipya

Twongeddeko ebintu ebipya ne tukyusa ebimu ebiriwo. Wano waliwo emisono emipya oba egy’omulembe.

Ekintu Okunnyonnyola
Ebipande ebiyitibwa Panels .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Laga ebibinja .list-group .list-group-item .list-group-item-text .list-group-item-heading
Ebiwandiiko ebiyitibwa Glyphicons .glyphicon
Ekirungo kya Jumbotron .jumbotron
Grid entono ennyo (<768px) . .col-xs-*
Ekisenge ekitono (≥768px) . .col-sm-*
Grid eya wakati (≥992px) . .col-md-*
Gridi ennene (≥1200px) . .col-lg-*
Ebika by’ebikozesebwa ebiddamu (≥1200px) . .visible-lg .hidden-lg
Ebikozesebwa mu kukyusakyusa .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Okusindika .col-sm-push-* .col-md-push-* .col-lg-push-*
Okusika .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Enyingiza obuwanvu obunene .input-sm .input-lg
Ebibinja ebiyingiza .input-group .input-group-addon .input-group-btn
Ebifuga ffoomu .form-control .form-group
Enkula z’ebibinja bya button .btn-group-xs .btn-group-sm .btn-group-lg
Ebiwandiiko bya Navbar .navbar-text
Omutwe gwa Navbar .navbar-header
Tabs / empeke ezituufu .nav-justified
Ebifaananyi ebiddamu .img-responsive
Ennyiriri z’emmeeza ezikwata ku mbeera .success .danger .warning .active .info
Ebipande ebikwata ku nsonga .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Ekifaananyi ekitono .img-thumbnail
Enzizi sayizi .well-sm .well-lg
Enkolagana z’okulabula .alert-link

Ekiggiddwawo

Ebintu bino wammanga bisuuliddwa oba bikyusiddwa mu v3.0.

Ekintu Eggiddwa ku 2.x 3.0 Ekyenkanankana
Okukola ebikolwa .form-actions N/A
Ffoomu y’okunoonya .form-search N/A
Foomu ekibiina nga olina info .control-group.info N/A
Ebipimo by’okuyingiza eby’obugazi obutakyukakyuka .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Kozesa .form-controln'enkola ya grid mu kifo ky'ekyo.
Block level ffoomu okuyingiza .input-block-level Tewali kyenkanawa butereevu, naye okufuga ffoomu kufaanagana.
Butaamu ezikyusakyusa (inverse buttons). .btn-inverse N/A
Olunyiriri lw’amazzi .row-fluid .row(tewali giridi etakyukakyuka)
Afuga ekizingirizi .controls N/A
Afuga olunyiriri .controls-row .rowoba.form-group
Navbar ow’omunda .navbar-inner N/A
Navbar ebigabanya ebyesimbye .navbar .divider-vertical N/A
Submenu ekka wansi .dropdown-submenu N/A
Ensengeka za tabu .tabs-left .tabs-right .tabs-below N/A
Ekitundu ekyesigamiziddwa ku ddagala eriyitibwa tabbable .pill-content .tab-content
Ekipande ky’ekitundu ekiyitibwa tabbable nga kyesigamiziddwa ku ddagala .pill-pane .tab-pane
Enkalala za Nav .nav-list .nav-header Tewali kyenkanankana butereevu, naye ebibinja by’olukalala ne .panel-groups bifaanagana.
Obuyambi mu layini ku kufuga ffoomu .help-inline Tewali kyenkana ddala, naye .help-blockkifaanagana.
Langi z’enkulaakulana ezitali za ddaala lya bbaala .progress-info .progress-success .progress-warning .progress-danger Kozesa .progress-bar-*ku .progress-barkifo ky’ekyo.

Ebiwandiiko ebirala

Enkyukakyuka endala mu v3.0 tezirabika mangu. Base classes, key styles, n'enneeyisa bitereezeddwa okusobola okukyukakyuka n'enkola yaffe ey'oku ssimu esooka . Wano waliwo olukalala olw'ekitundu:

  • Nga bwekiba, ebifuga foomu ebisinziira ku biwandiiko kati bifuna sitayiro entono yokka. Ku langi z’okussa essira n’enkoona ezeetooloovu, kozesa .form-controlekibiina ku elementi ku sitayiro.
  • Ebifuga foomu ebisinziira ku biwandiiko nga .form-controlkiraasi ekozesebwa kati bigazi 100% nga bwe kibadde. Zinga ebiyingizibwa munda <div class="col-*"></div>okufuga obugazi bw’ebiyingizibwa.
  • .badgetekyalina bibiina bya nsonga (-success,-primary,etc..).
  • .btnera alina okukozesa .btn-defaultokufuna "default" button.
  • .rowkati kifuuse mazzi.
  • Ebifaananyi tebikyaddamu mu butonde. Kozesa ku sayizi .img-responsivey’amazzi .<img>
  • Ebifaananyi, kati .glyphicon, kati byesigamiziddwa ku font. Ebifaananyi era byetaaga omusingi n'ekibiina ky'ebifaananyi (okugeza .glyphicon .glyphicon-asterisk).
  • Typeahead evuddeyo, nga ewagira okukozesa Twitter Typeahead .
  • Modal markup ekyuse nnyo. Ebitundu .modal-header, .modal-body, ne .modal-footerkati bizingiddwamu .modal-contentera .modal-dialogokusobola okukola sitayiro n’enneeyisa ennungi ey’essimu. Ate era, tolina kuddamu kusaba .hideku .modalmu markup yo.
  • Okuva ku v3.1.0, HTML etikkiddwa enkola ya remotemodal kati efuyirwa mu .modal-content(okuva ku v3.0.0 okutuuka ku v3.0.3, mu .modal) mu kifo ky'okuyingira mu .modal-body. Kino kikusobozesa n’okukyusakyusa mu ngeri ennyangu omutwe ne wansi wa modal, so si mubiri gwa modal gwokka.
  • Checkbox ne radio features ya button.js plugin kati byombi bikozesa data-toggle="buttons"mu kifo data-toggle="buttons-checkbox"oba data-toggle="buttons-radio"mu markup yaabwe.
  • Ebibaddewo mu JavaScript biba biteekeddwa mu mannya. Okugeza, okukwata ekintu ekiyitibwa modal "show" event, kozesa 'show.bs.modal'. Ku tabu "eziragiddwa" kozesa 'shown.bs.tab', n'ebirala.

Okumanya ebisingawo ku kulongoosa ku v3.0, n'ebitundu bya koodi okuva mu kitundu, laba Bootply .