Migrans ab 2.x ad 3.0

Bootstrap 3 verfui non congruit cum v2.x. Hac sectione utere ut duce generali ad upgrading ab v2.x ad v3.0. Pro ampliore recognitione, vide quid novum in v3.0 emissio denuntiatio.

Maior genus mutationes

Haec tabula ostendit stilum mutat inter v2.x et 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 Scinditur in.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Scinditur in.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

Quid novi

Nova elementa addidimus et quaedam exsistentia mutavimus. Hic sunt styli novi seu renovati.

Elementum Descriptio
Tabulata .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Circuli album .list-group .list-group-item .list-group-item-text .list-group-item-heading
Glyphicons .glyphicon
Jumbotron .jumbotron
Extra parva eget (<768px) .col-xs-*
Parva eget (≥768px) .col-sm-*
Medium eget (≥992px) .col-md-*
Magnum eget (≥1200px) .col-lg-*
Responsivum utilitatem classes (≥1200px) .visible-lg .hidden-lg
Offsets .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Ventilabis .col-sm-push-* .col-md-push-* .col-lg-push-*
viverra .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Input altitudo magnitudinum .input-sm .input-lg
Input circulos .input-group .input-group-addon .input-group-btn
Forma controls .form-control .form-group
Puga pyga coetus magnitudinum .btn-group-xs .btn-group-sm .btn-group-lg
Navbar text .navbar-text
Navbar header .navbar-header
Justificatus tab / diripio .nav-justified
Responsivum imagines .img-responsive
Ordines mensae contextuales .success .danger .warning .active .info
Tabulae contextuales .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Thumbnail image .img-thumbnail
Bene magnitudinum .well-sm .well-lg
Nexus erecti .alert-link

Quid remotum est

Elementa sequentia omissa vel mutata sunt in v3.0.

Elementum Ab 2.x * 3.0 Equivalent
Forma actus .form-actions N/A
Quaerere formam .form-search N/A
Forma coetus cum info .control-group.info N/A
Certa latitudo initus magnitudinum .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Use .form-controlet malesuada euismod pro.
Obstructionum gradu forma initus .input-block-level Nullae directae aequipollent, sed formae moderatorum similes sunt.
Inversa bullarum .btn-inverse N/A
Liquor row .row-fluid .row(Non magis certum eget)
Imperium fascia .controls N/A
Imperium row .controls-row .rowor *.form-group
Navbar interior .navbar-inner N/A
Navbar verticalis .navbar .divider-vertical N/A
Dropdown submenu .dropdown-submenu N/A
Tab noctis .tabs-left .tabs-right .tabs-below N/A
Pill-fundatur area tabable .pill-content .tab-content
Pill-fundatur area pane tabable .pill-pane .tab-pane
Nav lists .nav-list .nav-header Non aequivalens directa, sed coetus album et .panel-groups similes sunt.
Inline auxilium ad formam controls .help-inline Nulla exacta aequivalens, sed .help-blocksimilis est.
Non-bar-gradu colorum progressus .progress-info .progress-success .progress-warning .progress-danger Utuntur .progress-bar-*in .progress-barloco.

Additional notas

Aliae mutationes in v3.0 non statim apparent. Classes turpia, styli clavis, et mores ad flexibilitatem accommodati et primum mobile nostrum aditum sunt. Ecce partialis index:

  • Defalta, forma textualis moderantis nunc solum stylam minimam recipiunt. Colores enim focus et angulis rotundis applica .form-controlgenus in elementum ad stylum.
  • Textus substructio formae moderantis cum .form-controlclasse applicata nunc sunt 100% latae per defaltam. Involvere inputs intus <div class="col-*"></div>ad input latitudines moderari.
  • .badgeiam contextual (-success, -primaria, etc.) classes.
  • .btnuti debet etiam .btn-defaultut "default" deprimendo.
  • .rownunc fluidum est.
  • Imagines non iam responsivae per defaltam sunt. Liquoris usus .img-responsivead <img>magnitudinem.
  • Icones nunc .glyphicon, nunc font innituntur. Icones quoque basim et genus iconum desiderant (eg .glyphicon .glyphicon-asterisk).
  • Typeahead omissa est, in favorem usus Twitter Typeahead .
  • Modalis markup signanter mutavit. The .modal-header, .modal-body, et .modal-footersectiones nunc involutae sunt stylis .modal-contentet .modal-dialogmoribus mobilibus melioribus . Etiam non debes adhibere .hidein .modalnotam tuam.
  • Ut ex v3.1.0, HTML optione modali onusta remotenunc in .modal-content(ab v3.0.0 ad v3.0.3, in .modal) injicitur loco in .modal-body. Hoc tibi permittit ut facile etiam caput ac footem modalis, non tantum corpus modalis variet.
  • Perscriptio et lineamenta radiophonica pugionis.js plugin nunc utroque data-toggle="buttons"loco utuntur data-toggle="buttons-checkbox"vel data-toggle="buttons-radio"in eorum nota.
  • JavaScript eventus nominantur. Exempli gratia, ad tractandum eventum modalem "show", utere 'show.bs.modal'. Pro tabs uti 'shown.bs.tab', etc.

For more information on upgrading to v3.0, and code excerpta from the community, vide Bootply .