Ku rhurha ku suka eka 2.x ku ya eka 3.0

Bootstrap 3 a yi fambisani endzhaku na v2.x. Tirhisa xiyenge lexi tanihi nkongomiso wo angarhela wo ndlandlamuxa ku suka eka v2.x ku ya eka v3.0. Ku kuma nkatsakanyo wo anama, vona leswintshwa eka xitiviso xa nkandziyiso wa v3.0.

Ku cinca lokukulu ka tlilasi

Tafula leri ri kombisa ku cinca ka xitayili exikarhi ka v2.x na v3.0.

Xitirhisiwa xa ku pfula 2.x Xitirhisiwa xa ku pfula 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 Ku avanyisiwa hi.visible-md .visible-lg
.hidden-phone .hidden-xs
.hidden-tablet .hidden-sm
.hidden-desktop Ku avanyisiwa hi.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

I yini lexintshwa

Hi engetele swiaki leswintshwa ni ku cinca swin’wana leswi nga kona. Hi leswi switayele leswintshwa kumbe leswi pfuxetiweke.

Nchumu Nhlamuselo
Tiphaneli .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
Xaxameta mintlawa .list-group .list-group-item .list-group-item-text .list-group-item-heading
Swifaniso swa Glyphicon .glyphicon
Jumbotron leyi vuriwaka Jumbotron .jumbotron
Gridi leyitsongo yo engetela (<768px) . .col-xs-*
Gridi leyitsongo (≥768px) . .col-sm-*
Gridi ya le xikarhi (≥992px) . .col-md-*
Gridi leyikulu (≥1200px) . .col-lg-*
Titlilasi ta vukorhokeri leti hlamulaka (≥1200px) . .visible-lg .hidden-lg
Ti-offset .col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Susumeta .col-sm-push-* .col-md-push-* .col-lg-push-*
Koka .col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Tisayizi ta vukulu bya nghenisa .input-sm .input-lg
Mintlawa yo nghenisa .input-group .input-group-addon .input-group-btn
Vulawuri bya xivumbeko .form-control .form-group
Tisayizi ta ntlawa wa swikomba-nkarhi .btn-group-xs .btn-group-sm .btn-group-lg
Tsalwa ra Navbar .navbar-text
Nhlokomhaka ya Navbar .navbar-header
Tithebhu leti lulamisiweke / tiphilisi .nav-justified
Swifaniso leswi hlamulaka .img-responsive
Tilayini ta tafula ra mongo .success .danger .warning .active .info
Tiphaneli ta mongo .panel-success .panel-danger .panel-warning .panel-info
Modal .modal-dialog .modal-content
Xifaniso xa xifaniso lexitsongo .img-thumbnail
Vukulu bya swihlovo .well-sm .well-lg
Swihlanganisi swa xitsundzuxo .alert-link

Leswi swi susiweke

Swiaki leswi landzelaka swi hoxiwile kumbe ku cinciwa eka v3.0.

Nchumu Ku susiwile eka 2.x 3.0 Ku ringana
Vumba swiendlo .form-actions N/A
Fomo yo lavisisa .form-search N/A
Foma ntlawa na info .control-group.info N/A
Tisayizi ta ku nghenisa ta ku anama loku nga cinciki .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Tirhisa .form-controlna sisiteme ya gridi ematshan’wini ya sweswo.
Block level fomo ya ku nghenisa .input-block-level Ku hava leswi ringanaka hi ku kongoma, kambe vulawuri bya swivumbeko swa fana.
Swikomba-ndlela leswi hundzukeke .btn-inverse N/A
Layini ya mati .row-fluid .row(ku hava gridi leyi nga cinciki)
Ku lawula xifunengeto .controls N/A
Swi lawula layini .controls-row .rowkumbe.form-group
Navbar ya le ndzeni .navbar-inner N/A
Swihambanisi swa Navbar leswi yimisiweke .navbar .divider-vertical N/A
Menyu leyitsongo leyi nga ehansi .dropdown-submenu N/A
Ku ringanisiwa ka tithebhu .tabs-left .tabs-right .tabs-below N/A
Ndhawu leyi nga ni tithebhu leyi sekeriweke eka tiphilisi .pill-content .tab-content
Xiphepherhele xa ndhawu ya tabbable leyi sekeriweke eka tiphilisi .pill-pane .tab-pane
Nav swixaxamelo .nav-list .nav-header Ku hava leswi ringanaka hi ku kongoma, kambe mintlawa ya nxaxamelo na .panel-groups swa fana.
Mpfuneto wa le ndzeni ka layini eka vulawuri bya fomo .help-inline Ku hava lexi ringanaka hi ku kongoma, kambe .help-blockxa fana.
Mihlovo ya nhluvuko leyi nga riki ya xiyimo xa bar .progress-info .progress-success .progress-warning .progress-danger Tirhisa .progress-bar-*eka .progress-barematshan’weni ya sweswo.

Tinhlamuselo leti engetelekeke

Ku cinca kun’wana eka v3.0 a ku vonaki hi ku hatlisa. Titlilasi ta xisekelo, switayele swa nkoka, na mahanyelo swi lulamisiwile ku cinca-cinca na endlelo ra hina ro sungula ra movha . Hi lowu nxaxamelo lowu nga helelangiki:

  • Hi ku tiyimisela, vulawuri bya fomo lebyi sekeriweke eka tsalwa sweswi byi kuma ntsena xitayili lexitsongo. Eka mihlovo yo kongomisa na tikhoneni leti rhendzelekaka, tirhisa .form-controltlilasi eka elemente eka xitayili.
  • Swilawuri swa fomo leswi simekiweke eka tsalwa leswi nga na .form-controltlilasi leyi tirhisiweke sweswi swi anama hi 100% hi ku tiyimisela. Pfuxeta swingheniso endzeni <div class="col-*"></div>ku lawula ku anama ka swingheniso.
  • .badgea ya ha ri na titlilasi ta xiyimo (-success,-primary,etc..).
  • .btnu fanele ku tlhela u tirhisa .btn-defaultku kuma "default" button.
  • .rowsweswi yi khuluka.
  • Swifaniso a swa ha hlamuli hi ku tiyimisela. Tirhisa eka vukulu bya .img-responsivemati .<img>
  • Swifaniso, sweswi .glyphicon, sweswi swi sekeriwe eka fonto. Swifaniso swi tlhela swi lava xisekelo na tlilasi ya swifaniso (xikombiso .glyphicon .glyphicon-asterisk).
  • Typeahead yi susiwile, yi seketela ku tirhisa Twitter Typeahead .
  • Modal markup yi cincile swinene. Swiyenge swa .modal-header, .modal-body, na .modal-footersweswi swi phutseriwe eka .modal-contentna .modal-dialogku kuma xitayili xo antswa xa tiselfoni na mahanyelo. Nakambe, a wu fanelanga u endla xikombelo .hidexa .modaleka markup ya wena.
  • Ku sukela eka v3.1.0, HTML leyi layichiweke hi remotenhlawulo wa modal sweswi yi nghenisiwa eka .modal-content(ku suka eka v3.0.0 ku ya eka v3.0.3, eka .modal) ematshan’weni yo nghena eka .modal-body. Leswi swi ku pfumelela ku tlhela u cinca-cinca hi ku olova nhloko ni le hansi ka modal, ku nga ri miri wa modal ntsena.
  • Bokisi ro kambela na swihlawulekisi swa xiya-ni-moya swa plugin ya button.js sweswi havumbirhi bya swona swi tirhisa data-toggle="buttons"ematshan’wini ya data-toggle="buttons-checkbox"kumbe data-toggle="buttons-radio"eka ku fungha ka swona.
  • Swiendlakalo swa JavaScript swi vekiwile hi mavito. Xikombiso, ku khoma xiendlakalo xa "kombisa" xa modal, tirhisa 'show.bs.modal'. Eka tithebhu leti "kombisiweke" tirhisa 'shown.bs.tab', na swin'wana.

Ku kuma vuxokoxoko byo tala hi ku ndlandlamuxa ku ya eka v3.0, na swiphemu swa khodi ku suka eka vaaki, vona Bootply .