Okusenguka okudda ku v3.x
Obulagirizi ku ngeri y’okulongoosaamu okuva ku Bootstrap v2.x okudda ku v3.x ng’essira oliteeka ku nkyukakyuka ennene, ebipya, n’ebiggiddwawo.
Obulagirizi ku ngeri y’okulongoosaamu okuva ku Bootstrap v2.x okudda ku v3.x ng’essira oliteeka ku nkyukakyuka ennene, ebipya, n’ebiggiddwawo.
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.
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 |
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 |
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-control n'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 |
.row oba.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-group s bifaanagana. |
Obuyambi mu layini ku kufuga ffoomu | .help-inline |
Tewali kyenkana ddala, naye .help-block kifaanagana. |
Langi z’enkulaakulana ezitali za ddaala lya bbaala | .progress-info .progress-success .progress-warning .progress-danger |
Kozesa .progress-bar-* ku .progress-bar kifo ky’ekyo. |
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:
.form-control
ekibiina ku elementi ku sitayiro..form-control
kiraasi ekozesebwa kati bigazi 100% nga bwe kibadde. Zinga ebiyingizibwa munda <div class="col-*"></div>
okufuga obugazi bw’ebiyingizibwa..badge
tekyalina bibiina bya nsonga (-success,-primary,etc..)..btn
era alina okukozesa .btn-default
okufuna "default" button..row
kati kifuuse mazzi..img-responsive
y’amazzi .<img>
.glyphicon
, kati byesigamiziddwa ku font. Ebifaananyi era byetaaga omusingi n'ekibiina ky'ebifaananyi (okugeza .glyphicon .glyphicon-asterisk
)..modal-header
, .modal-body
, ne .modal-footer
kati bizingiddwamu .modal-content
era .modal-dialog
okusobola okukola sitayiro n’enneeyisa ennungi ey’essimu. Ate era, tolina kuddamu kusaba .hide
ku .modal
mu markup yo.remote
modal 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.data-toggle="buttons"
mu kifo data-toggle="buttons-checkbox"
oba data-toggle="buttons-radio"
mu markup yaabwe.'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 .