Nadgradnja na Bootstrap 2

Izvedite več o pomembnih spremembah in dodatkih od različice 1.4 s tem priročnim vodnikom.

Dokumenti: glavne posodobitve splošne strukture, primerov in izrezkov kode. Prav tako odziven z novimi medijskimi poizvedbami.
Dokumenti: vse strani dokumentov zdaj poganjajo predloge Moustache in nizi so oviti v oznake i18n za prevajanje s strani Twitter Translation Center. Vse spremembe dokumentacije je treba opraviti tukaj in jih nato prevesti (podobno kot pri našem CSS in LESS).
Struktura imenika Repo: odstranili prevedeni CSS iz korena v korist velike neposredne povezave za prenos na domači strani dokumentov. Prevedeni CSS je v /docs/assets/css/.
Dokumenti in repo: ena makefile, samo vtipkajte makev terminal in pridobite posodobljene dokumente in CSS.

Mrežni sistem

Posodobljen mrežni sistem, zdaj samo 12 stolpcev namesto 16
Odziven pristop pomeni, da vaši projekti tako rekoč delujejo izven škatle na pametnih telefonih, tablicah in več
Odstranjena podpora za neuporabljene (privzeto) stolpce mreže za 17–24 stolpcev

Odziven (medijske poizvedbe)

Dodane medijske poizvedbe za osnovno podporo v mobilnih in tabličnih napravah
Odzivni CSS je preveden ločeno kot bootstrap-responsive.css

Tipografija

h4elementi so bili zmanjšani s 16px na 14px s privzeto line-height18px
h5elementi so bili spuščeni s 14px na 12px
h6elementi so bili spuščeni s 13px na 11px
Desno poravnana možnost za narekovaje, čefloat: right;

Koda

Nov grafični slog za<code>
Posodobljeni slogi Google Code Prettify (temelji na bistvu GitHub)

Mize

Izboljšana podpora za colspaninrowspan
Slogi so zdaj omejeni na nov osnovni razred,.table
Standardizirani razredi tabel z .table-zahtevano predpono
Odstranjene neuporabljene barvne možnosti tabele (preveč kode za tako majhen učinek)
Opuščena podpora za TableSorter

Gumbi

Novi razredi za barve in velikosti, vsi imajo predpono.btn-
IE9: odstranjeni prelivi in dodani zaobljeni vogali
Posodobljeno aktivno stanje za jasnejši slog v skupinah gumbov (novo) in boljši videz s prehodom po meri
Nov mixin, .buttonBackground, za nastavitev prelivov gumbov
Razred .secondaryje bil odstranjen iz modalnih primerov v naših dokumentih, saj nikoli ni imel povezanih slogov.

Obrazci

Privzeti slog obrazca je zdaj navpičen (zložen), da se uporablja manj CSS in doda večja prilagodljivost
Standardizirani razredi obrazcev z .form-zahtevano predpono
Nove privzete vgrajene obrazce za iskalne, vstavljene in vodoravne obrazce
Za vodoravne oblike so prejšnji razredi .clearfixin .inputenakovredni novim .control-groupin .controls.
Prilagodljivejša vodoravna oznaka obrazca z razredi za vse sloge, vključno z novim izbirnim razredom zalabel
Stanja obrazca: barve posodobljene in prilagodljive z novimi spremenljivkami LESS

Ikone, avtor Glyphicons

Nov nabor ikon Glyphicons Halflings je dodan v obliki sprite, črno-belo
Preprosta oznaka, ki je potrebna za ikono v množici kontekstov:<i class="icon-cog"></>
Dodajte še en razred, .icon-white, za belo različico iste ikone

Skupine gumbov in spustni meniji

Dve popolnoma novi komponenti v 2.0: skupine gumbov in spustni meniji gumbov
Odvisnost: spustni meniji gumbov so zgrajeni na skupinah gumbov in zato zahtevajo vse njihove sloge
Skupine gumbov, .btn-group, je mogoče združiti eno raven višje z orodno vrstico gumbov,.btn-toolbar

Navigacija

Zavihki in tabletke zdaj zahtevajo uporabo novega osnovnega razreda, .nav, na svojih <ul>in ime razreda sta zdaj .nav-pillsin .nav-tabs.
Dodana je nova različica seznama za krmarjenje, ki uporablja isti osnovni razred,.nav
Dodani so bili navpični zavihki in tabletke – samo dodajte .nav-stackedv<ul>
Pills so bili preoblikovani tako, da so privzeto manj zaobljeni
Pills imajo zdaj podporo za spustne menije (imajo enake oznake in sloge kot zavihki)

Navbar (prej zgornja vrstica)

Osnovni razred se je spremenil iz .topbarv.navbar
Zdaj podpira statični položaj (privzeto vedenje, ni fiksno) in fiksiran na vrh vidnega polja prek .navbar-fixed-top(prej podprto samo fiksno)
Dodani navpični delilniki za krmarjenje na najvišji ravni
Izboljšana podpora za vgrajene obrazce v vrstici za krmarjenje, ki zdaj zahtevajo .navbar-formpravilno določanje obsega slogov samo za predvidene obrazce.
Iskalni obrazec Navbar zdaj zahteva uporabo .navbar-searchrazreda in njegov vnos uporabo .search-query. Če želite postaviti iskalni obrazec, morate uporabiti .pull-leftali .pull-right.
Dodana izbirna odzivna oznaka za strnitev vsebine navbara za manjše ločljivosti in naprave. Za uporabo glejte dokumente navbar .

Spustni meniji

Posodobljeno za zmanjšanje .dropdown-menurazmika
Zdaj morate dodati <span class="caret"></span>za prikaz spustne puščice
Zdaj morate dodati data-toggle="dropdown"atribut, da dobite preklopno vedenje
Navbar (fiksna zgornja vrstica) ima popolnoma nove spustne menije. Temne različice so izginile in na njihovem mestu so standardne bele z dodatnim obročkom na vrhu za jasnost položaja.

Etikete

Barve oznak so posodobljene, da se ujemajo z barvami stanja obrazca
Ne le, da se ujemajo grafično, ampak jih poganjajo iste nove spremenljivke

Sličice

Prej .media-grid, zdaj samo .thumbnails, smo to komponento temeljito razširili za več uporab, hkrati pa ohranili splošno preprostost.
Posamezne sličice zdaj zahtevajo .thumbnailrazred

Opozorila

Nov osnovni razred: .alertnamesto.alert-message
Imena razredov so standardizirana za druge možnosti, zdaj se vsa začnejo z.alert-
Preoblikovani osnovni slogi opozoril za združevanje privzetih opozoril in opozoril na ravni bloka v eno
Spremenjen razred opozoril na ravni bloka: .alert-blocknamesto.block-message

Vrstice napredka

Novo v različici 2.0
Vsebuje več slogov prek razredov, vključno s črtastimi in animiranimi različicami prek CSS3

Razne komponente

Dodana dokumentacija za komponento vodnjaka in ikono za zapiranje (uporablja se v modalnih oblikah in opozorilih)

Glavo pokonci! Na novo smo napisali skoraj vse za naše vtičnike, zato pojdite na stran Javascript , če želite izvedeti več.

Namigi orodij

Metoda vtičnika je bila preimenovana iz twipsy()v tooltip(), ime razreda pa spremenjeno iz twipsyv tooltip.
Vrednost placementmožnosti, ki je bila below, je zdaj bottomin aboveje zdaj top.
Možnost animateje bila preimenovana v animation.
Možnost htmlje bila odstranjena, saj opisi orodij zdaj privzeto dovoljujejo HTML.

Popoverji

Podrejeni elementi so zdaj pravilno razporejeni v imenski prostor: .titledo .popover-title, .innerdo .popover-innerin .contentdo .popover-content.
Vrednost placementmožnosti, ki je bila below, je zdaj bottomin aboveje zdaj top.