Bootstrap 2-e täzelenmek

Bu amatly gollanma bilen v1.4-den bäri möhüm üýtgeşmeler we goşmaçalar barada öwreniň.

Resminamalar: tagtanyň umumy gurluşyna, mysallaryna we kod böleklerine esasy täzelenmeler. Şeýle hem täze media soraglary bilen jogap berdi.
Resminamalar: ähli resminama sahypalary indi murt şablonlary bilen işleýär we Twitter terjime merkezi tarapyndan terjime etmek üçin setirler i18n belliklerine örtülendir. Resminamalara girizilen ähli üýtgetmeler şu ýerde edilmeli we soňra düzülmeli (CSS we LESS-e meňzeýär).
Repo katalog gurluşy: resminamalaryň baş sahypasyndaky uly göçürme baglanyşygynyň peýdasyna düzülen CSS-ni kökden aýyrdy. Toplanan CSS girýär /docs/assets/css/.
Resminamalar we repo: bir makfile, diňe makeTerminalda ýazyň we täzelenen resminamalary we CSS alyň.

Grid ulgamy

Tor ulgamy täzelendi, indi 16-yň ýerine diňe 12 sütün
Jogapkärçilikli çemeleşme, taslamalaryňyzyň smartfonlarda, planşetlerde we başgalarda diýen ýaly işleýändigini aňladýar
17-24 sütün üçin ulanylmaýan (deslapky) gözenek sütünleri aýryldy

Jogapkärçilikli (metbugat soraglary)

Jübi we planşet enjamlarynda esasy goldaw üçin media talaplary goşuldy
Jogap beriji CSS, bootstrap-responsive.css hökmünde aýratyn düzülýär

Tipografiýa

h4elementleri 16px-den 14px-a, asyl 18px bilen line-heightdüşürildi
h5elementleri 14px-den 12px-a düşdi
h6elementleri 13px-den 11px-a düşürildi
Blokotlar üçin sag düzülen wariantfloat: right;

Kod

Üçin täze grafiki stil<code>
Google Code Prettify stilleri täzelendi (GitHub-yň maglumatlaryna esaslanýar)

Tablisa

Goldaw gowulaşdy colspanwerowspan
Stiller indi täze esasy synp bilen çäklendirildi,.table
.table-Prefiks hökmünde talap edilýän standartlaşdyrylan tablisa synplary
Ulanylmaýan stoluň reňk opsiýalary aýryldy (beýle az täsir etmek üçin gaty köp kod)
“TableSorter” üçin goldaw taşlandy

Düwmeler

Reňkler we ululyklar üçin täze synplar, hemmesi goşuldy.btn-
IE9: gradiýentleri aýyrdy we tegelek burçlary goşdy
Düwme toparlarynda (täze) stilleri has düşnükli etmek we adaty geçiş bilen has gowy görünmek üçin işjeň ýagdaý täzelendi
.buttonBackgroundDüwmeleriň gradiýentlerini bellemek üçin täze garyndy
Synp .secondaryresminamalarymyzdaky modal mysallardan aýryldy, sebäbi hiç haçan stili baglanyşdyrmady.

Formalar

Az CSS ulanmak we has çeýeligi goşmak üçin deslapky görnüş stili indi dik (dik)
.form-Prefiks hökmünde talap edilýän standart synplary
Täze gurlan forma gözleg, içerki we gorizontal görnüşler üçin deslapky görnüş
Gorizontal görnüşler üçin öňki synplar .clearfixwe .inputtäze .control-groupwe .controls.
Sthli stil üçin synplar bilen has çeýe gorizontal forma belligi, şol sanda täze goşmaça synplabel
Formada aýdylýar: reňkler täze LESS üýtgeýjiler arkaly täzelenýär we düzülip bilner

Nyşanlar, Glifonlar tarapyndan

Täze “Glyphicons Halflings” nyşany, ak we ak reňkde goşuldy
Birnäçe kontekstdäki nyşan üçin ýönekeý bellik:<i class="icon-cog"></>
.icon-whiteŞol nyşanyň ak üýtgemegi üçin başga bir synp goşuň

Düwmeler toparlary we açylan ýerler

2.0-da iki sany täze komponent: düwme toparlary we düwmeleriň açylmagy
Baglylyk: düwmeleriň aşak gaçmagy düwme toparlarynda gurulýar we şonuň üçin olaryň ähli stillerini talap edýär
Düwmeler toparlary .btn-group, düwme gurallar paneli bilen bir derejeden ýokary toparlara bölünip bilner,.btn-toolbar

Nawigasiýa

Salgylar we dermanlar indi täze synpyň ulanylmagyny talap edýär, .navindi we <ul>synp atlarynda ..nav-pills.nav-tabs
Şol bir esasy synpy ulanýan täze nav sanaw sanawy goşuldy,.nav
Dik bellikler we dermanlar goşuldy - diňe .nav-stackedgoşuň<ul>
Dermanlar öňküsi ýaly az tegelek bolmak üçin gaýtadan işledildi
Dermanlarda indi açylýan menýu goldawy bar (bellikler we stiller bilen birmeňzeşdir)

Navbar (öňki topbar)

Esasy synpdan .topbarüýtgedi.navbar
Indi statiki pozisiýany goldaýar (deslapky özüni alyp barşy, kesgitlenmedik) we görünişiň ýokarsyna .navbar-fixed-top(öň diňe goldanýan)
Iň ýokary derejeli nav-a wertikal bölüjiler goşuldy
Deňiz panelindäki içerki görnüşler üçin gowulaşan goldaw, indi .navbar-formstilleri diňe göz öňünde tutulan görnüşlere laýyklaşdyrmagy talap edýär.
Navbar gözleg formasy indi .navbar-searchsynpyň ulanylmagyny we girişini ulanmagy talap edýär .search-query. Gözleg formasyny ýerleşdirmek üçin ulanmaly ýa.pull-left -da .pull-right.
Has kiçi çözgütler we enjamlar üçin navbar mazmunynyň çökmegi üçin islege bagly jogap belligi goşuldy. Nädip ulanmalydygy barada navbar resminamalaryna serediň .

Açylýan menýular

.dropdown-menuAralygy berkitmek üçin täzelendi
<span class="caret"></span>Indi açylýan oky görkezmek üçin bir goşmagyňyzy talap edýär
data-toggle="dropdown"Indi üýtgetmek häsiýetini almak üçin bir atribut goşmagyňyzy talap edýär
Deňiz paneli (kesgitlenen ýokarky paneli) täze açyşlar bar. Garaňky wersiýalar gutardy we olaryň ýerine ýagdaýyň aýdyňlygy üçin ýokarsynda goşmaça haly bilen adaty ak reňkler bar.

Bellikler

Döwlet reňklerine gabat gelýän bellik reňkleri
Diňe grafiki taýdan gabat gelmän, şol bir täze üýtgeýjiler bilen işleýär

Suratlar

Öňler .media-grid, indi diňe .thumbnails, umumy ýönekeýligi saklamak bilen, bu komponenti has köp ulanmak üçin giňişleýin giňeltdik.
Aýry-aýry suratlar indi .thumbnailsynp talap edýär

Duýduryşlar

Täze esasy synp: .alertýerine.alert-message
Synp atlary beýleki wariantlar üçin standartlaşdyryldy, indi hemmesi başlaýar.alert-
Adaty duýduryşlary we blok derejeli duýduryşlary birleşdirmek üçin esasy duýduryş stilleri
Blok derejesindäki duýduryş synpy üýtgedi: .alert-blockýerine.block-message

Ösüş barlary

2.0-da täze
CSS3 arkaly zolakly we animasiýa üýtgeşmeleri goşmak bilen synplaryň üsti bilen birnäçe stili görkezýär

Dürli komponentler

Guýy komponenti we ýakyn nyşan üçin resminamalar goşuldy (modallarda we duýduryşlarda ulanylýar)

Başlar! Plaginlerimiz üçin diňe hemme zady täzeden ýazdyk, has giňişleýin öwrenmek üçin Javascript sahypasyna geçiň .

Gurallar

Plagin usuly üýtgedildi twipsy()we tooltip()synpyň ady üýtgedildi twipsy.tooltip
placementOpsiýa gymmaty belowhäzir bottomwe abovehäzirem top.
Saýlawyň animateady üýtgedildi animation.
Bu htmlopsiýa indi HTML-e rugsat bermek üçin gurallar görkezmesi hökmünde aýryldy.

Popovers

Çaga elementleri indi dogry at goýulýar: .titleto .popover-title, .innerto .popover-innerwe .contentto .popover-content.
placementOpsiýa gymmaty belowhäzir bottomwe abovehäzirem top.