Atnaujinimas į Bootstrap 2

Sužinokite apie reikšmingus pakeitimus ir papildymus nuo 1.4 versijos naudodami šį patogų vadovą.

Dokumentai: pagrindiniai bendrosios struktūros, pavyzdžių ir kodo fragmentų atnaujinimai. Taip pat reaguojama į naujas žiniasklaidos užklausas.
Dokumentai: dabar visi dokumentų puslapiai yra aprūpinti „Moustache“ šablonais, o eilutės suvyniotos į „i18n“ žymas, kurias išverstų „Twitter“ vertimo centras. Visi dokumentacijos pakeitimai turi būti atlikti čia ir tada sukompiliuoti (panašiai kaip mūsų CSS ir LESS).
Atpirkimo katalogo struktūra: pašalintas sukompiliuotas CSS iš šakninio pagrindinio dokumento puslapio didelės tiesioginio atsisiuntimo nuorodos. Sukompiliuotas CSS yra /docs/assets/css/.
Dokumentai ir atpirkimas: vienas makefile, tiesiog įveskite maketerminalą ir gaukite atnaujintus dokumentus bei CSS.

Tinklelio sistema

Atnaujinta tinklelio sistema, dabar tik 12 stulpelių vietoj 16
Reaguojantis požiūris reiškia, kad jūsų projektai praktiškai veikia išmaniuosiuose telefonuose, planšetiniuose kompiuteriuose ir kt
Pašalintas nenaudojamas (pagal numatytuosius nustatymus) tinklelio stulpelių palaikymas, skirtas 17–24 stulpeliams

Atsakingas (medijos užklausos)

Pridėtos medijos užklausos, skirtos pagrindiniam palaikymui mobiliuosiuose ir planšetiniuose įrenginiuose
Atsakingas CSS yra sudarytas atskirai, kaip bootstrap-responsive.css

Tipografija

h4elementai buvo sumažinti nuo 16 pikselių iki 14 pikselių, o numatytasis line-height18 pikselių
h5elementai buvo sumažinti nuo 14 pikselių iki 12 pikselių
h6elementai buvo sumažinti nuo 13 pikselių iki 11 pikselių
Dešinėje lygiuojamoje kabučių parinktis, jeifloat: right;

Kodas

Naujas grafinis stilius<code>
Atnaujinti „Google Code Prettify“ stiliai (pagal „GitHub“ esmę)

Lentelės

Patobulinta parama colspanirrowspan
Stiliai dabar apriboti nauja bazine klase,.table
Lentelių klasės standartizuotos su .table-privalomu priešdėliu
Pašalintos nenaudojamos lentelės spalvų parinktys (per daug kodo, kad būtų toks mažas poveikis)
Nutrauktas „TableSorter“ palaikymas

Mygtukai

Naujos spalvų ir dydžių klasės, visos su priešdėliu.btn-
IE9: pašalinti gradientai ir pridėti užapvalinti kampai
Atnaujinta aktyvi būsena, kad stilius taptų aiškesnis mygtukų grupėse (naujas) ir atrodytų geriau naudojant tinkintą perėjimą
Naujas miksas, .buttonBackground, mygtukų gradientams nustatyti
.secondaryKlasė buvo pašalinta iš modalinių pavyzdžių mūsų dokumentuose, nes ji niekada neturėjo susijusių stilių .

Formos

Numatytasis formos stilius dabar yra vertikalus (sudarytas), kad būtų naudojamas mažiau CSS ir būtų daugiau lankstumo
Formos klasės standartizuotos su .form-privalomu priešdėliu
Naujos integruotos formos numatytosios paieškos, įterptųjų ir horizontalių formų nustatymai
Horizontalioms formoms ankstesnės klasės .clearfixir .inputyra lygiavertės naujoms .control-groupir .controls.
Lankstesnis horizontalios formos žymėjimas su visų stilių klasėmis, įskaitant naują pasirenkamą klasęlabel
Formos būsenos: spalvos atnaujintos ir pritaikomos naudojant naujus LESS kintamuosius

Icons, Glyphicons

Pridėtas naujas juodai baltas Glyphicons Halflings piktogramų rinkinys
Paprastas žymėjimas, reikalingas piktogramai daugelyje kontekstų:<i class="icon-cog"></>
Pridėkite kitą klasę , .icon-whitekad tos pačios piktogramos variantas būtų baltas

Mygtukų grupės ir išskleidžiamieji meniu

Du visiškai nauji 2.0 komponentai: mygtukų grupės ir mygtukų išskleidžiamieji meniu
Priklausomybė: mygtukų išskleidžiamieji meniu yra sukurti pagal mygtukų grupes, todėl reikia visų jų stilių
Mygtukų grupes, .btn-group, galima sugrupuoti vienu lygiu aukščiau naudojant mygtukų įrankių juostą,.btn-toolbar

Navigacija

Dabar skirtukuose ir tabletėse reikia naudoti naują bazinę klasę .nav, ant jų <ul>ir klasių pavadinimai yra dabar .nav-pillsir .nav-tabs.
Pridėtas naujas navigacijos sąrašo variantas, kuriame naudojama ta pati bazinė klasė,.nav
Pridėta vertikalių skirtukų ir tablečių – tiesiog pridėkite .nav-stackedprie<ul>
Pagal numatytuosius nustatymus tabletės buvo pakeistos, kad būtų mažiau suapvalintos
Dabar tabletės palaiko išskleidžiamąjį meniu (jų žymėjimas ir stiliai yra tokie patys kaip ir skirtukų)

Naršymo juosta (buvusi viršutinė juosta)

Bazinė klasė pakeista iš .topbarį.navbar
Dabar palaiko statinę padėtį (numatytasis elgesys, nefiksuotas) ir pritvirtinama prie peržiūros srities viršaus per .navbar-fixed-top(anksčiau buvo palaikoma tik fiksuota)
Pridėta vertikalių pertvarų prie aukščiausio lygio navigacijos
Patobulintas įterptųjų formų palaikymas naršymo juostoje, kurioms dabar reikia .navbar-formtinkamai pritaikyti stilius tik numatytoms formoms.
Naršymo juostos paieškos forma dabar reikalauja naudoti .navbar-searchklasę, o jos įvestis naudoti .search-query. Norėdami išdėstyti paieškos formą, turite naudoti .pull-leftarba .pull-right.
Pridėtas pasirenkamas reaguojantis žymėjimas, skirtas sutraukti naršymo juostos turinį, kad būtų galima naudoti mažesnę skyrą ir įrenginius. Žr. naršymo juostos dokumentus , kaip naudoti.

Išskleidžiamieji meniu

Atnaujintas, kad .dropdown-menubūtų sugriežtinti tarpai
Dabar reikia pridėti, kad <span class="caret"></span>būtų rodoma išskleidžiamojo meniu rodyklė
Dabar reikia pridėti data-toggle="dropdown"atributą, kad gautumėte perjungimo elgseną
Naršymo juosta (fiksuota viršutinė juosta) turi visiškai naujus išskleidžiamuosius meniu. Dingo tamsios versijos, o vietoj jų yra standartinės baltos spalvos, kurių viršuje yra papildomas dėklas, kad būtų aiškesnė padėtis.

Etiketės

Etikečių spalvos atnaujintos, kad atitiktų formos būsenos spalvas
Jie ne tik sutampa grafiškai, bet ir yra maitinami tų pačių naujų kintamųjų

Miniatiūros

Anksčiau .media-grid, o dabar tik .thumbnails, mes kruopščiai išplėtėme šį komponentą, kad jį būtų galima naudoti daugiau, išlaikant bendrą paprastumą.
Atskiroms miniatiūroms dabar reikia .thumbnailklasės

Perspėjimai

Nauja bazinė klasė: .alertvietoj.alert-message
Klasių pavadinimai standartizuoti kitoms parinktims, dabar viskas prasideda.alert-
Perdaryti pagrindiniai įspėjimų stiliai, kad būtų galima sujungti numatytuosius įspėjimus ir bloko lygio įspėjimus į vieną
Pakeista bloko lygio įspėjimo klasė: .alert-blockvietoj.block-message

Pažangos juostos

Nauja 2.0
Yra keli stiliai per klases, įskaitant dryžuotus ir animuotus variantus per CSS3

Įvairūs komponentai

Pridėta gręžinio komponento ir uždarymo piktogramos dokumentacija (naudojama modaluose ir įspėjimuose)

Galvas aukštyn! Beveik viską perrašėme savo papildiniams, todėl eikite į „Javascript“ puslapį , kad sužinotumėte daugiau.

Patarimai

Papildinio metodas buvo pervardytas iš twipsy()į tooltip(), o klasės pavadinimas pakeistas iš twipsyį tooltip.
Pasirinkimo placementvertė, kuri buvo belowdabar bottom, yra ir aboveyra dabar top.
Parinktis animatebuvo pervadinta į animation.
Parinktis htmlbuvo pašalinta, nes pagal numatytuosius nustatymus patarimai leidžia HTML dabar.

Popovers

Antriniai elementai dabar tinkamai išdėstyti tarp vardų: .titleį .popover-title, .innerį .popover-innerir .contentį .popover-content.
Pasirinkimo placementvertė, kuri buvo belowdabar bottom, yra ir aboveyra dabar top.