Kutama kubva ku2.x kuenda ku3.0

Bootstrap 3 haienderani kumashure ne v2.x. Shandisa chikamu ichi segwara rinotungamira pakuvandudza kubva kuv2.x kuenda kuv3.0. Kuti uwane mhedziso yakafara, ona izvo zvitsva mune v3.0 kuburitswa chiziviso.

Kuchinja kukuru kwekirasi

Tafura iyi inoratidza shanduko yemaitiro pakati pev2.x nev3.0.

Bootstrap 2.x 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 Batanidza mukati.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Batanidza mukati.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

Chii chitsva

Takawedzera zvinhu zvitsva uye tashandura zvimwe zviripo. Heano maitiro matsva kana akagadziridzwa.

Element Tsanangudzo
Panels .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Nyora mapoka .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glyphicons .glyphicon
Jumbotron .jumbotron
Yakawedzera diki grid (<768px) .col-xs-*
Giridhi diki (≥768px) .col-sm-*
Giridhi yepakati (≥992px) .col-md-*
Giridhi hombe (≥1200px) .col-lg-*
Makirasi ekushandisa anoteerera (≥1200px) .visible-lg .hidden-lg
Offsets .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Push .col-sm-push-* .col-md-push-* .col-lg-push-*
Dhonza .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Input urefu saizi .input-sm .input-lg
Input groups .input-group .input-group-addon .input-group-btn
Zvidzoreso zvemafomu .form-control .form-group
Bhatani boka saizi .btn-group-xs .btn-group-sm .btn-group-lg
Navbar text .navbar-text
Navbar musoro .navbar-header
Justified tabs / mapiritsi .nav-justified
Mifananidzo inopindura .img-responsive
Contextual tafura mitsara .success .danger .warning .active .info
Contextual panels .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Thumbnail mufananidzo .img-thumbnail
Zvakanaka saizi .well-sm .well-lg
Alert links .alert-link

Chii chabviswa

Zvinhu zvinotevera zvakadonhedzwa kana kuchinjwa muv3.0.

Element Yakabviswa pa2.x 3.0 Yakaenzana
Fomu zviito .form-actions N/A
Tsvaga fomu .form-search N/A
Fomu boka rine ruzivo .control-group.info N/A
Fixed-width input sizes .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Shandisa .form-controluye grid system panzvimbo.
Kuiswa kwefomu reBlock level .input-block-level Hapana yakananga yakaenzana, asi mafomu ekudzora akafanana.
Inverse mabhatani .btn-inverse N/A
Fluid row .row-fluid .row(hapana grid yakagadziriswa)
Inodzora wrapper .controls N/A
Anodzora mutsara .controls-row .rowkana.form-group
Navbar mukati .navbar-inner N/A
Navbar vertical dividers .navbar .divider-vertical N/A
Dropdown submenu .dropdown-submenu N/A
Tab alignments .tabs-left .tabs-right .tabs-below N/A
Pill-based tabable area .pill-content .tab-content
Pill-based tabable area pane .pill-pane .tab-pane
Nav lists .nav-list .nav-header Hapana akaenzana akaenzana, asi rondedzero mapoka uye .panel-groups akafanana.
Inline rubatsiro rwekudzora fomu .help-inline Hapana chaiyo yakaenzana, asi .help-blockyakafanana.
Non-bar-level kufambira mberi mavara .progress-info .progress-success .progress-warning .progress-danger Shandisa .progress-bar-*pane .progress-barpanzvimbo.

Mamwe manotsi

Dzimwe shanduko muv3.0 hadzisi kuoneka pakarepo. Base makirasi, makiyi masitaera, uye maitiro akagadziridzwa kuti ashanduke uye yedu mobile yekutanga maitiro. Heino rondedzero isina kukwana:

  • Nekumisikidza, zvinyorwa-zvakavakirwa fomu zvidzoreso zvino zvinongogamuchira kushoma kutayera. Kune mavara anotarisisa uye makona akatenderedzwa, shandisa .form-controlkirasi pane chinhu kune chimiro.
  • Mavara-akavakirwa fomu anodzora ane .form-controlkirasi yakashandiswa ikozvino 100% yakafara nekumisikidza. Putira mukati <div class="col-*"></div>kuti udzore upamhi hwekupinza.
  • .badgehaisisina makirasi (-kubudirira,-primary, etc..)
  • .btninofanirawo kushandisa .btn-defaultkuwana "default" bhatani.
  • .rowyava mvura.
  • Mapikicha haachadavire nekukasira. Shandisa kukura .img-responsivekwemvura .<img>
  • Iyo icons, ikozvino .glyphicon, ikozvino font based. Icons inodawo base uye icon kirasi (semuenzaniso .glyphicon .glyphicon-asterisk).
  • Typeahead yakadonhedzwa, nekuda kwekushandisa Twitter Typeahead .
  • Modal markup yachinja zvakanyanya. Iyo .modal-header, .modal-body, uye .modal-footerzvikamu zvino zvakaputirwa mukati .modal-contentuye .modal-dialogzviri nani nharembozha uye maitiro. Zvakare, iwe haufanirwe .hidekunyorera kune .modalmune yako markup.
  • Kubva pav3.1.0, iyo HTML yakatakurwa remotenemodal sarudzo yave kubaiwa mu .modal-content(kubva kuv3.0.0 kusvika kuv3.0.3, kupinda mu .modal) pane kupinda mu .modal-body. Izvi zvinokutendera iwe zvakare kusiyanisa zviri nyore musoro uye tsoka ye modal, kwete chete modal muviri.
  • Bhokisi rekutarisa neredhiyo zvebhatani.js plugin zvino shandisa zvese data-toggle="buttons"pachinzvimbo data-toggle="buttons-checkbox"kana data-toggle="buttons-radio"mumarkup yavo.
  • JavaScript zviitiko zvakapatsanurwa mazita. Semuenzaniso, kubata modal "show" chiitiko, shandisa 'show.bs.modal'. Kune ma tabo "anoratidzwa" shandisa 'shown.bs.tab', nezvimwe.

Kuti uwane rumwe ruzivo nezve kusimudzira kuv3.0, uye kodhi snippets kubva munharaunda, ona Bootply .