A bɛ wuli ka bɔ 2.x la ka taa 3.0 la

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ɔ.

Yɛlɛmabaw bɛ kɛ kalanso 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

Mun ye kura ye

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

Min bɛ bɔ yen

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-controlni 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 .rowwalima.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-groups bɛ ɲɔgɔn na.
Inline dɛmɛ ka ɲɛsin foroko kunkankow ma .help-inline A tɛ bɛn tigitigi ma, nka a .help-blockbɛ 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-barnɔ na.

Kɔlɔsili wɛrɛw

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:

  • Ka da a kan, sɛbɛnni-sɛbɛnni-sɛbɛnni-minɛnw bɛ cogoya fitinin dɔrɔn de sɔrɔ sisan. Walasa ka sinsin kulɛriw ni nkɔni bulamaw sɔrɔ, aw bɛ .form-controlkalan kɛ element kan ka style kɛ.
  • Sɛbɛn-sɛbɛnni-sɛbɛnni-minɛnw ni .form-controlkalasi 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.
  • .badgea tɛ ni kalansenw ye tugun minnu bɛ tali kɛ sigida la (-success,-primary,etc..).
  • .btnka kan fana ka baara kɛ .btn-defaultni "default" butɔni sɔrɔ.
  • .rowye sisan ji ye.
  • Jaw tɛ jaabi di tugun ka kɛɲɛ ni u yɛrɛ ye. Aw bɛ a kɛ .img-responsiveka a kɛ ji <img>hakɛ ye.
  • Ikoniw, sisan .glyphicon, olu bɛ sɛbɛnnibolow de kan sisan. Ikoniw fana bɛ basigi ni taamasiyɛn kalasi de wajibiya (misali .glyphicon .glyphicon-asteriskla ).
  • Typeahead bɔra, ka ɲɛsin baara ma ni Twitter Typeahead ye .
  • Modal markup ye fɛn caman Changé. , .modal-header, .modal-bodyani .modal-footerdakunw sirilen bɛ sisan .modal-contentani .modal-dialogka mobili cogoya ni kɛcogo ɲuman sɔrɔ. Ani fana, i man kan ka ɲini tugun i .hideka .modalmarkup kɔnɔ.
  • Kabini v3.1.0, HTML min bɛ doni remotemodali 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.
  • button.js plugin ka jatebɔ-yɔrɔ ni arajo-minɛnw sisan u fla bɛɛ bɛ baara Kɛ u ka taamaʃyɛnw data-toggle="buttons"nɔ na data-toggle="buttons-checkbox"walima data-toggle="buttons-radio"u ka taamaʃyɛnw kɔnɔ.
  • JavaScript ko kɛlenw bɛ tɔgɔda-yɔrɔw la. Misali la, walasa ka modal "show" event ɲɛnabɔ, baara kɛ ni '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ɛ .