2.x-den 3.0-a göçmek

Bootstrap 3 v2.x bilen yza gabat gelmeýär. Bu bölümi v2.x-den v3.0-a çenli ýokarlandyrmak üçin umumy gollanma hökmünde ulanyň. Has giňişleýin syn üçin v3.0 goýberiliş habarnamasynda täzeliklere serediň.

Esasy synp üýtgemeleri

Bu tablisada v2.x bilen v3.0 arasyndaky stil üýtgemeleri görkezilýär.

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 Bölün.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Bölün.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

Täzelik

Täze elementler goşduk we käbirlerini üýtgetdik. Ine täze ýa-da täzelenen stiller.

Element Düşündiriş
Paneller .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Toparlary sanaň .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glifikler .glyphicon
Jumbotron .jumbotron
Goşmaça kiçi set (<768px) .col-xs-*
Ownuk gözenek (≥768px) .col-sm-*
Orta gözenek (≥992px) .col-md-*
Uly gözenek (≥1200px) .col-lg-*
Jogapkärçilikli peýdaly sapaklar (≥1200px) .visible-lg .hidden-lg
Offsets .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Iteklemek .col-sm-push-* .col-md-push-* .col-lg-push-*
Çek .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Giriş beýiklik ululyklary .input-sm .input-lg
Giriş toparlary .input-group .input-group-addon .input-group-btn
Forma dolandyryşlary .form-control .form-group
Düwme toparynyň ululyklary .btn-group-xs .btn-group-sm .btn-group-lg
Navbar teksti .navbar-text
Navbar sözbaşy .navbar-header
Dogry bellikler / dermanlar .nav-justified
Jogaply suratlar .img-responsive
Kontekstdäki tablisa hatarlary .success .danger .warning .active .info
Kontekst paneller .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Kiçijik surat .img-thumbnail
Gowy ululyklar .well-sm .well-lg
Duýduryş baglanyşyklary .alert-link

Näme aýryldy

Aşakdaky elementler v3.0-de taşlandy ýa-da üýtgedildi.

Element 2.x-den aýryldy 3.0 Ekwiwalent
Hereketleri emele getiriň .form-actions N / A
Gözleg formasy .form-search N / A
Maglumat bilen topar dörediň .control-group.info N / A
Kesgitli ini giriş ululyklary .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge .form-controlMunuň ýerine gözenek ulgamyny ulanyň .
Dereje derejesiniň girizilmegini blokirläň .input-block-level Göni ekwiwalent ýok, ýöne forma dolandyryşlary meňzeş.
Ters düwmeler .btn-inverse N / A
Suwuk hatar .row-fluid .row(mundan beýläk kesgitlenen set ýok)
Örtügi dolandyrýar .controls N / A
Dolandyryş hatary .controls-row .rowýa-da.form-group
Navbar içki .navbar-inner N / A
Gämi duralgasy dik bölüjiler .navbar .divider-vertical N / A
Aşakdaky menýu .dropdown-submenu N / A
Salgy hatarlary .tabs-left .tabs-right .tabs-below N / A
Düwürtige esaslanýan tablisa meýdany .pill-content .tab-content
Düwürtige esaslanýan tablisa meýdançasy .pill-pane .tab-pane
Deňiz sanawlary .nav-list .nav-header Göni ekwiwalent ýok, ýöne sanaw toparlary we .panel-groups meňzeş.
Forma gözegçilikleri üçin içerki kömek .help-inline Takyk ekwiwalent ýok, ýöne .help-blockmeňzeş.
Bar däl derejeli ösüş reňkleri .progress-info .progress-success .progress-warning .progress-danger .progress-bar-*Munuň ýerine ulanyň .progress-bar.

Goşmaça bellikler

V3.0-daky beýleki üýtgeşmeler derrew görünmeýär. Esasy synplar, esasy stiller we özüni alyp barşlar çeýeligi we ykjam ilkinji çemeleşmämiz üçin düzüldi . Ine bölekleýin sanaw:

  • Düzgüne görä, tekste esaslanýan forma dolandyryşlary indi diňe minimal stil alýar. Fokus reňkler we tegelek burçlar .form-controlüçin elementi synpy stilde ulanyň.
  • Ulanylýan synp bilen tekste esaslanýan forma dolandyryşlary .form-controlindi adaty ýagdaýda 100% giňdir. <div class="col-*"></div>Giriş giňligini gözegçilikde saklamak üçin girişleri örtüň .
  • .badgeindi kontekstli (-üstünlik, başlangyç we ş.m.) sapaklary ýok.
  • .btn.btn-default"başlangyç" düwmesini almak üçin hem ulanmalydyr .
  • .rowindi suwuk.
  • Suratlar indi adaty ýagdaýda jogap bermeýär. .img-responsiveSuwuklyk <img>ululygy üçin ulanyň .
  • Nyşanlar .glyphiconindi şrift esasly. Nyşanlar esasy we nyşan synpyny hem talap edýär (mysal üçin .glyphicon .glyphicon-asterisk).
  • “Typeahead” “Twitter Typeahead” -iň peýdasyna taşlandy .
  • Modal bellik ep-esli üýtgedi. , We .modal-headerbölümler indi has oňat ykjam dizaýn we özüni alyp barmak üçin örtülendir . Mundan başga-da, bellikleriňize ýüz tutmaly dälsiňiz ..modal-body.modal-footer.modal-content.modal-dialog.hide.modal
  • V3.1.0 ýagdaýyna görä, remotemodal opsiýa bilen ýüklenen HTML indi däl-de .modal-content(v3.0.0-den v3.0.3-e .modal) sanjym edilýär .modal-body. Bu, diňe modal göwrümi däl-de, modalyň sözbaşysyny we aşaky sözbaşyny aňsatlyk bilen üýtgetmäge mümkinçilik berýär.
  • “Button.js” plugininiň bellik gutusy we radio aýratynlyklary indi ikisiniňem data-toggle="buttons"ýerine data-toggle="buttons-checkbox"ýa data-toggle="buttons-radio"-da belliginde ulanylýar.
  • JavaScript wakalary at giňişliginde. Mysal üçin, modal "görkeziş" hadysasyny dolandyrmak üçin ulanyň 'show.bs.modal'. "Görkezilen" bellikler üçin ulanmak 'shown.bs.tab'we ş.m.

V3.0 -a täzelenmek we jemgyýetden kod bölekleri barada has giňişleýin maglumat üçin “ Bootply ” -a serediň .