Migrēšana no 2.x uz 3.0

Bootstrap 3 nav saderīga ar v2.x. Izmantojiet šo sadaļu kā vispārīgu ceļvedi jaunināšanai no v2.x uz v3.0. Plašāku pārskatu skatiet paziņojumā par v3.0 laidienu.

Galvenās klases izmaiņas

Šajā tabulā parādītas stila izmaiņas starp v2.x un v3.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 Sadalās.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Sadalās.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

Kas jauns

Esam pievienojuši jaunus elementus un mainījuši dažus esošos. Šeit ir norādīti jaunie vai atjauninātie stili.

Elements Apraksts
Paneļi .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Saraksta grupas .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glifikoni .glyphicon
Džumbotrons .jumbotron
Īpaši mazs režģis (<768 pikseļi) .col-xs-*
Mazs režģis (≥768 pikseļi) .col-sm-*
Vidējs režģis (≥ 992 pikseļi) .col-md-*
Liels režģis (≥1200 pikseļi) .col-lg-*
Adaptīvās lietderības klases (≥1200 pikseļi) .visible-lg .hidden-lg
Nobīdes .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Spiediet .col-sm-push-* .col-md-push-* .col-lg-push-*
Pavelciet .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Ievades augstuma izmēri .input-sm .input-lg
Ievades grupas .input-group .input-group-addon .input-group-btn
Veidlapu vadīklas .form-control .form-group
Pogu grupu izmēri .btn-group-xs .btn-group-sm .btn-group-lg
Navigācijas joslas teksts .navbar-text
Navigācijas joslas galvene .navbar-header
Pamatotas cilnes / tabletes .nav-justified
Atsaucīgi attēli .img-responsive
Kontekstuālās tabulas rindas .success .danger .warning .active .info
Kontekstuālie paneļi .panel-success .panel-danger .panel-warning .panel-info
Modāls .modal-dialog .modal-content
Sīktēla attēls .img-thumbnail
Aku izmēri .well-sm .well-lg
Brīdinājuma saites .alert-link

Kas ir noņemts

V3.0 versijā šie elementi ir atmesti vai mainīti.

Elements Noņemts no 2.x 3.0 ekvivalents
Veidlapas darbības .form-actions N/A
Meklēšanas forma .form-search N/A
Veidojiet grupu ar informāciju .control-group.info N/A
Fiksēta platuma ievades izmēri .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Tā vietā izmantojiet .form-controlun režģa sistēmu .
Bloka līmeņa veidlapas ievade .input-block-level Nav tieša ekvivalenta, taču veidlapu vadīklas ir līdzīgas.
Apgrieztās pogas .btn-inverse N/A
Šķidruma rinda .row-fluid .row(vairs nav fiksēta tīkla)
Kontrolē iesaiņojumu .controls N/A
Vadības rinda .controls-row .rowvai.form-group
Navigbar iekšpuse .navbar-inner N/A
Navigbar vertikālie sadalītāji .navbar .divider-vertical N/A
Nolaižamā apakšizvēlne .dropdown-submenu N/A
Cilņu līdzinājumi .tabs-left .tabs-right .tabs-below N/A
Tablešu apgabals .pill-content .tab-content
Uz tabletēm balstīta cilnes zonas rūts .pill-pane .tab-pane
Nav saraksti .nav-list .nav-header Nav tieša ekvivalenta, bet sarakstu grupas un .panel-groups ir līdzīgi.
Iekļautā palīdzība veidlapas vadīklām .help-inline Nav precīza ekvivalenta, bet .help-blockir līdzīgs.
Progresa krāsas, kas nav joslas līmenī .progress-info .progress-success .progress-warning .progress-danger Izmantojiet .progress-bar-*tā .progress-barvietā.

Papildu piezīmes

Citas izmaiņas v3.0 nav uzreiz pamanāmas. Pamatklases, galvenie stili un uzvedība ir pielāgoti elastībai un mūsu mobilajai pieejai. Šeit ir daļējs saraksts:

  • Pēc noklusējuma teksta veidlapu vadīklas tagad saņem tikai minimālu stilu. Fokusa krāsām un noapaļotiem stūriem .form-controlstilam piemērojiet elementa klasi.
  • Teksta veidlapas vadīklas ar .form-controllietoto klasi tagad pēc noklusējuma ir 100% plašas. Aptiniet ievades iekšpusē <div class="col-*"></div>, lai kontrolētu ievades platumu.
  • .badgevairs nav kontekstuālās (-veiksmes,-primārās utt.) klases.
  • .btnir arī jāizmanto .btn-default, lai iegūtu pogu "noklusējums".
  • .rowtagad ir šķidrs.
  • Pēc noklusējuma attēli vairs nereaģē. Izmantojiet .img-responsivešķidruma <img>izmēram.
  • Ikonas tagad .glyphiconir balstītas uz fontu. Ikonām ir nepieciešama arī bāze un ikonu klase (piemēram, .glyphicon .glyphicon-asterisk).
  • Typeahead ir atcelts, par labu Twitter Typeahead izmantošanai .
  • Modālais marķējums ir būtiski mainījies. Sadaļas .modal-header, .modal-bodyun .modal-footertagad ir ietītas .modal-contentun .modal-dialognodrošina labāku mobilo ierīču stilu un darbību. Turklāt savā uzcenojumā vairs nevajadzētu lietot .hide..modal
  • Sākot ar v3.1.0, remotemodālās opcijas ielādētais HTML tagad tiek ievadīts .modal-content(no v3.0.0 līdz v3.0.3, .modal), nevis .modal-body. Tas ļauj arī viegli mainīt modāla galveni un kājeni, ne tikai modālā pamattekstu.
  • Spraudņa button.js izvēles rūtiņa un radio funkcijas tagad tiek izmantotas marķējumā vai data-toggle="buttons"vietā .data-toggle="buttons-checkbox"data-toggle="buttons-radio"
  • JavaScript notikumi ir nosaukumos. Piemēram, lai apstrādātu modālo "show" notikumu, izmantojiet 'show.bs.modal'. "Parādītajām" cilnēm izmantojiet 'shown.bs.tab'u.c.

Papildinformāciju par jaunināšanu uz v3.0 un koda fragmentus no kopienas skatiet sadaļā Bootply .