Upgraden naar Bootstrap 2

Lees meer over belangrijke wijzigingen en toevoegingen sinds v1.4 met deze handige gids.

Documenten: grote updates over de hele linie voor de algemene structuur, voorbeelden en codefragmenten. Ook responsive gemaakt met nieuwe media queries.
Documenten: alle documentpagina's worden nu aangedreven door Moustache-sjablonen en tekenreeksen zijn verpakt in i18n-tags voor vertaling door het Twitter-vertaalcentrum. Alle wijzigingen in de documentatie moeten hier worden gedaan en vervolgens worden gecompileerd (vergelijkbaar met onze CSS en LESS).
Repo-directorystructuur: verwijderde de gecompileerde CSS van de root ten gunste van een grote directe downloadlink op de startpagina van docs. Gecompileerde CSS is in /docs/assets/css/.
Documenten en repo: één makefile, typ gewoon makede Terminal in en ontvang bijgewerkte documenten en CSS.

Grid-systeem

Bijgewerkt rastersysteem, nu slechts 12 kolommen in plaats van 16
Responsieve aanpak betekent dat uw projecten vrijwel direct uit de doos werken op smartphones, tablets en meer
Ondersteuning voor ongebruikte (standaard) rasterkolommen voor 17-24 kolommen verwijderd

Responsief (mediaquery's)

Mediaquery's toegevoegd voor basisondersteuning op mobiele apparaten en tablets
Responsieve CSS wordt afzonderlijk gecompileerd, zoals bootstrap-responsive.css

Typografie

h4elementen zijn gedaald van 16px naar 14px met een standaard line-heightvan 18px
h5elementen zijn gedaald van 14px naar 12px
h6elementen zijn gedaald van 13px naar 11px
Rechts uitgelijnde optie voor blockquotes alsfloat: right;

Code

Nieuwe grafische stijl voor<code>
Google Code Prettify-stijlen bijgewerkt (gebaseerd op GitHub's kernen)

Tafels

Verbeterde ondersteuning voor colspanenrowspan
Stijlen nu beperkt tot nieuwe basisklasse,.table
Tabelklassen gestandaardiseerd met .table-vereist als voorvoegsel
Ongebruikte tabelkleuropties verwijderd (te veel code voor zo weinig impact)
Ondersteuning voor TableSorter weggevallen

Toetsen

Nieuwe klassen voor kleuren en maten, allemaal voorafgegaan door.btn-
IE9: verlopen verwijderd en afgeronde hoeken toegevoegd
Bijgewerkte actieve status om styling duidelijker te maken in knopgroepen (nieuw) en er beter uit te zien met aangepaste overgang
Nieuwe mixin, .buttonBackground, om knopverlopen in te stellen
De .secondaryklasse is verwijderd uit modale voorbeelden in onze documenten omdat er nooit stijlen aan zijn gekoppeld.

Formulieren

De standaard formulierstijl is nu verticaal (gestapeld) om minder CSS te gebruiken en meer flexibiliteit toe te voegen
Vormklassen gestandaardiseerd met .form-vereist als voorvoegsel
Nieuwe ingebouwde standaardinstellingen voor formulieren voor zoeken, inline en horizontale formulieren
Voor horizontale vormen zijn eerdere klassen .clearfixen .inputgelijk aan de nieuwe .control-groupen .controls.
Flexibelere horizontale vormopmaak met klassen voor alle stijlen, inclusief nieuwe optionele klasse voor delabel
Formulierstatussen: kleuren bijgewerkt en aanpasbaar via nieuwe LESS-variabelen

Pictogrammen, door Glyphicons

Nieuwe Glyphicons Halflings-pictogramset toegevoegd in sprite-vorm, in zwart-wit
Eenvoudige opmaak vereist voor een pictogram in talloze contexten:<i class="icon-cog"></>
Voeg nog een klasse toe, .icon-white, voor een witte variant van hetzelfde pictogram

Knopgroepen en vervolgkeuzelijsten

Twee gloednieuwe componenten in 2.0: knopgroepen en vervolgkeuzemenu's
Afhankelijkheid: vervolgkeuzemenu's voor knoppen zijn gebaseerd op knopgroepen en vereisen daarom al hun stijlen
Knopgroepen, .btn-group, kunnen een niveau hoger worden gegroepeerd met een knoppenbalk,.btn-toolbar

Navigatie

Tabs en pillen vereisen nu het gebruik van een nieuwe basisklasse, .nav, op hun <ul>en de klassenamen zijn nu .nav-pillsen .nav-tabs.
Nieuwe nav-lijstvariatie toegevoegd die dezelfde basisklasse gebruikt,.nav
Verticale tabbladen en pillen zijn toegevoegd - voeg gewoon toe .nav-stackedaan de<ul>
Pillen zijn gerestyled om standaard minder rond te zijn
Pillen hebben nu ondersteuning voor vervolgkeuzemenu's (ze delen dezelfde opmaak en stijlen als tabbladen)

Navbar (voorheen topbar)

Basisklasse gewijzigd van .topbarnaar.navbar
Ondersteunt nu statische positie (standaardgedrag, niet vast) en bevestigd aan de bovenkant van viewport via .navbar-fixed-top(voorheen alleen ondersteund vast)
Verticale scheidingslijnen toegevoegd aan navigatie op het hoogste niveau
Verbeterde ondersteuning voor inline-formulieren in de navigatiebalk, die nu vereisen .navbar-formdat stijlen op de juiste manier worden toegespitst op alleen de beoogde formulieren.
Navbar-zoekformulier vereist nu het gebruik van de .navbar-searchklasse en de invoer ervan het gebruik van .search-query. Om het zoekformulier te positioneren, moet.pull-left u of gebruiken .pull-right.
Optionele responsieve opmaak toegevoegd voor het samenvouwen van de inhoud van de navigatiebalk voor kleinere resoluties en apparaten. Zie navbar-documenten voor gebruik.

Vervolgkeuzemenu's

Bijgewerkt .dropdown-menuom de afstand aan te scherpen
Nu moet je een toevoegen <span class="caret"></span>om de vervolgkeuzepijl weer te geven
Vereist nu dat u een data-toggle="dropdown"attribuut toevoegt om schakelgedrag te verkrijgen
De navbar (vaste bovenbalk) heeft gloednieuwe dropdowns. Voorbij zijn de donkere versies en in plaats daarvan zijn de standaard witte versies met een extra caret aan de bovenkant voor de duidelijkheid van de positie.

Etiketten

Labelkleuren bijgewerkt om overeen te komen met de kleuren van de formulierstatus
Ze komen niet alleen grafisch overeen, maar worden aangedreven door dezelfde nieuwe variabelen

Miniaturen

Voorheen .media-grid, nu alleen .thumbnails, hebben we dit onderdeel grondig uitgebreid voor meer toepassingen, terwijl we de algemene eenvoud direct uit de doos hebben behouden.
Individuele thumbnails vereisen nu .thumbnailklasse

Waarschuwingen

Nieuwe basisklasse: .alertin plaats van.alert-message
Klassenamen gestandaardiseerd voor andere opties, nu allemaal beginnend met.alert-
Opnieuw ontworpen basiswaarschuwingsstijlen om de standaardwaarschuwingen en waarschuwingen op blokniveau in één te combineren
Waarschuwingsklasse op blokniveau gewijzigd: .alert-blockin plaats van.block-message

Voortgangsbalken

Nieuw in 2.0
Beschikt over meerdere stijlen via klassen, inclusief gestreepte en geanimeerde variaties via CSS3

Diverse componenten

Documentatie toegevoegd voor de broncomponent en het sluitpictogram (gebruikt in modals en waarschuwingen)

Kop op! We hebben zo ongeveer alles voor onze plug-ins herschreven, dus ga naar de Javascript-pagina voor meer informatie.

Knopinfo

De plug-inmethode is hernoemd van twipsy()naar tooltip()en de klassenaam is gewijzigd van twipsynaar tooltip.
De placementoptiewaarde die was belowis nu bottom, en aboveis nu top.
De animateoptie is hernoemd naar animation.
De htmloptie is verwijderd, omdat de tooltips nu standaard HTML toestaan.

Popovers

Onderliggende elementen hebben nu de juiste naamruimte: .titleto .popover-title, .innerto .popover-inneren .contentto .popover-content.
De placementoptiewaarde die was belowis nu bottom, en aboveis nu top.