A bɛ wuli ka taa v3.x
Ladilikan minnu bɛ tali kɛ Bootstrap v2.x la ka taa v3.x la ni sinsin kɛli ye fɛnba caman kan, fɛn kuraw, ani fɛn minnu bɔra.
Ladilikan minnu bɛ tali kɛ Bootstrap v2.x la ka taa v3.x la ni sinsin kɛli ye fɛnba caman kan, fɛn kuraw, ani fɛn minnu bɔra.
Bootstrap 3 tɛ kɔ fɛ ni v2.x ye. Baara kɛ ni nin yɔrɔ ye i n’a fɔ ɲɛjiralan caman walasa ka sɛgɛsɛgɛli kɛ ka bɔ v2.x la ka taa v3.0 la. Walasa ka kunnafoni caman sɔrɔ, aw ye fɛn kuraw lajɛ v3.0 bɔli laseli kɔnɔ.
Nin ja in bɛ cogoya caman jira v2.x ni v3.0 cɛ.
Bootstrap ye 2.x ye | Bootstrap ye 3.0 ye |
---|---|
.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 |
A tilalen don ka kɛ.visible-md .visible-lg |
.hidden-phone |
.hidden-xs |
.hidden-tablet |
.hidden-sm |
.hidden-desktop |
A tilalen don ka kɛ.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 |
An ye fɛn kuraw Fàra ɲɔgɔn kan ani ka dɔw Yɛlɛma minnu bɛ yen. Nin ye cogoya kura walima cogoya kura ye.
Fɛn | Cogojirali |
---|---|
Panɛliw | .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse |
Jɛkuluw tɔgɔw sɛbɛn | .list-group .list-group-item .list-group-item-text .list-group-item-heading |
Glyphicons (Glifikanw). | .glyphicon |
Jumbotron ye | .jumbotron |
Grid fitinin wɛrɛ (<768px) . | .col-xs-* |
Jateden fitinin (≥768px) . | .col-sm-* |
Grid cɛmancɛ (≥992px) . | .col-md-* |
Jateden belebeleba (≥1200px) . | .col-lg-* |
Nafamafɛnw kalan minnu bɛ jaabi di (≥1200px) . | .visible-lg .hidden-lg |
Offsets (Fɛɛrɛbɔlanw). | .col-sm-offset-* .col-md-offset-* .col-lg-offset-* |
Ka ɲɔni | .col-sm-push-* .col-md-push-* .col-lg-push-* |
Ka sama | .col-sm-pull-* .col-md-pull-* .col-lg-pull-* |
Donan janya hakɛw | .input-sm .input-lg |
Donanw kuluw | .input-group .input-group-addon .input-group-btn |
Foroko kunkankow | .form-control .form-group |
Butɔn kuluw hakɛw | .btn-group-xs .btn-group-sm .btn-group-lg |
Navbar sɛbɛnni | .navbar-text |
Navbar kuncɛlan | .navbar-header |
Tabs / furakisɛw minnu bɛ jo sɔrɔ | .nav-justified |
Ja minnu bɛ jaabi di | .img-responsive |
Tabali sinsinni sinsinni | .success .danger .warning .active .info |
Panɛli minnu bɛ kuma kɔnɔkow kan | .panel-success .panel-danger .panel-warning .panel-info |
Modal | .modal-dialog .modal-content |
Jaa fitinin | .img-thumbnail |
Kɔlɔnw bonya | .well-sm .well-lg |
Ladilikanw ka lasɔminiw | .alert-link |
Nin fɛn ninnu Dònna walima k'u Yɛlɛma v3.0 kɔnɔ.
Fɛn | A bɔra 2.x kɔnɔ | 3.0 A bɛ bɛn |
---|---|---|
Foroko walew | .form-actions |
N/A ye |
Ɲini sɛbɛn | .form-search |
N/A ye |
Formulaire groupe ni info | .control-group.info |
N/A ye |
Fixe-width donna hakɛw | .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge |
Baara kɛ .form-control ni ani grid system ye o nɔ na. |
Bloki nivo foroko doncogo | .input-block-level |
No direct equivalent, nka formulaires controls bɛ ɲɔgɔn ta. |
Butɔnw inversé | .btn-inverse |
N/A ye |
Fluid row ye | .row-fluid |
.row (grid fixe tɛ yen tugun) |
A bɛ wrapper kunbɛn | .controls |
N/A ye |
Kontrɔli row | .controls-row |
.row walima.form-group |
Navbar kɔnɔna na | .navbar-inner |
N/A ye |
Navbar jɔlenw tilayɔrɔw | .navbar .divider-vertical |
N/A ye |
Menu fitinin min bɛ jigin | .dropdown-submenu |
N/A ye |
Tabw labɛncogo | .tabs-left .tabs-right .tabs-below |
N/A ye |
Taba bɛ se ka kɛ furakisɛw la | .pill-content |
.tab-content |
Tabbable yɔrɔ pane min sinsinnen bɛ furakisɛw kan | .pill-pane |
.tab-pane |
Nav lisiw | .nav-list .nav-header |
O ɲɔgɔndan tilennen tɛ, nka lisi kuluw ni .panel-group s bɛ ɲɔgɔn na. |
Inline dɛmɛ ka ɲɛsin foroko kunkankow ma | .help-inline |
A tɛ bɛn tigitigi ma, nka a .help-block bɛ tali kɛ ɲɔgɔn na. |
Non-bar-level ɲɛtaa kulɛriw | .progress-info .progress-success .progress-warning .progress-danger |
Baara kɛ ni .progress-bar-* a ye a .progress-bar nɔ na. |
Yɛlɛma wɛrɛ minnu bɛ v3.0 kɔnɔ, olu tɛ ye o yɔrɔnin bɛɛ. Base kalanw, cogoya jɔnjɔnw, ani kɛwalew ladilanna walasa ka se ka fɛn caman kɛ ani an ka mobili fɔlɔ fɛɛrɛ. Nin ye lisi yɔrɔ dɔ ye:
.form-control
kalan kɛ element kan ka style kɛ..form-control
kalasi min bɛ baara Kɛ, olu bɛ 100% bonya sisan ka Kɛɲɛ ni u yɛrɛ ye. Aw bɛ donnakow siri u kɔnɔ <div class="col-*"></div>
walasa ka donnakow bonya kɔlɔsi..badge
a tɛ ni kalansenw ye tugun minnu bɛ tali kɛ sigida la (-success,-primary,etc..)..btn
ka kan fana ka baara kɛ .btn-default
ni "default" butɔni sɔrɔ..row
ye sisan ji ye..img-responsive
ka a kɛ ji <img>
hakɛ ye..glyphicon
, olu bɛ sɛbɛnnibolow de kan sisan. Ikoniw fana bɛ basigi ni taamasiyɛn kalasi de wajibiya (misali .glyphicon .glyphicon-asterisk
la )..modal-header
, .modal-body
ani .modal-footer
dakunw sirilen bɛ sisan .modal-content
ani .modal-dialog
ka mobili cogoya ni kɛcogo ɲuman sɔrɔ. Ani fana, i man kan ka ɲini tugun i .hide
ka .modal
markup kɔnɔ.remote
modali sugandili fɛ, o bɛ pikiri sisan .modal-content
(ka bɔ v3.0.0 la ka se v3.0.3 ma, ka don .modal
) kɔnɔ sanni a ka don .modal-body
. O b’a To i bɛ Se fana ka modali kunkolo ni a senkɔrɔ-yɔrɔ caman ɲɔgɔnna Kɛ nɔgɔya la, a tɛ Kɛ modɛli farikolo dɔrɔn ye.data-toggle="buttons"
nɔ na data-toggle="buttons-checkbox"
walima data-toggle="buttons-radio"
u ka taamaʃyɛnw kɔnɔ.'show.bs.modal'
. Walasa ka tablow "jira" baara kɛ ni 'shown.bs.tab'
, wdfl.Walasa ka kunnafoni wɛrɛw sɔrɔ v3.0 sɛgɛsɛgɛli kan, ani kode snippets ka bɔ sigida la, aw ye Bootply lajɛ .