Bootstrap

Omdat een van die eerste weergawe van Bootstrap gebruik is om een ​​van Twitter se voormalige webbladuitlegte te skep, is hierdie raamwerk vir 'n lang tyd onder die naam Twitter Bootstrap bekend.

Aangesien Bootstrap nie meer amptelik vir Twitter se uitleg gebruik word nie (nie heeltemal nie), is die raamwerk nou net bekend as Bootstrap.

Op die oomblik kan jy maklik sê Bootstrap is die nommer een CSS raamwerk om en daar sal niemand wees wat die feit betwis nie.

Bootstrap word algemeen beskou as 'n standaard wanneer dit kom by die ontwerp van webgebruikerskoppelvlak. Dit kan ook gebruik word met mobiele gebruikersinterfaces, aangesien dit altyd met ondersteuning vir responsiewe uitlegte gekom het.

Bootstrap is eintlik een van die redes. CSS-raamwerke is die nuutste ding in Webontwikkeling.

Bootstrap is sedert die launch van die inspirasie van baie soortgelyke toolkits en 'n hele nuwe mark vir ontwikkelaars om geld te verdien. Ja. As jy Bootstrap-temas kan kode, kan jy nou baie geld maak.

Voorbeelde en baie dokumentasie word voorsien van die Bootstrap-pakket, so gaan aan en begin met die maak van webwerwe, temas en as jy gelukkig is, selfs geld.

Behalwe die standaard CSS / Mindere weergawe van Bootstrap, het die ontwikkelingspan ook 'n aparte weergawe vir SASS geloods. Bootstrap vir Sass .

Stelselvereistes

• JavaScript aangeskakel op kliënt se kant
• jQuery

Wat is nuut in hierdie weergawe:

• Bevestig verkeerd. Plaas posisionering wanneer die webblad 'n stewige voete-uitleg gebruik.
• Gereedskapstip / popover-gedrag regstel wanneer verskeie snellers gespesifiseer word
• Vermy onnodige HTML-string-geboue + parsering
• Vermy lekkende geheue in tooltip / popover plugins
• As u in 'n invoerveld in 'n oop aftreklys kliek, word die dropdown nie meer toegemaak nie
• Bevestig horisontale vertoningsgrense, kontroleer tooltip / popover plasing logic
• Voeg 'n nuwe inserted.bs.tooltip / popover gebeurtenis gevuur na tooltip / popover DOM is in die dokument ingevoeg
• Tooltip / popover: Laat die keusepos opsie 'n funksie toe
• Stel outomatiese plasing vas om visuitvoer op tooltips en popovers te gebruik
• Toegangswand van blaaier foute vir tabelverwante Chrome-foute
• Donker styl. fokus en: fokus: beweeg op .aktiewe knoppies
• Bevestig radio en boks sleutelbord hantering in. BTN-groep (plus verwydering van verouderde eenheid toets)
• Genereer dropdowns / droprole = "menu"
• Handmatig hanteer .Input-groep- * grootte in plaas van mengsels, wat 'n fout in ons saamgestelde kode veroorsaak as gevolg van nes
• Voeg z-indeks by om te verhoed dat die grens oorvleuel in invoergroepe
• Behoorlike posisie .vorm-beheer-terugvoering oor binne insetgroepe
• Bevestig die oorvleuelende grens op paginasie skakels op hover
• Maak .text-emphasis-variant pas 'n: fokuskleur bykomend tot 'n: swaaikleur
• Herstel teks / font eienskappe deegliker vir gereedskapstippe + popovers
• Verander die grootte van die lettertipe van die jumbotron-opskrif
• Verwyder slegs wyser-gebeurtenisse op gedeaktiveerde .btns
• Maksimum breedte byvoeg: none to. media> .img-miniatuur om wanformeerde beelde te voorkom
• Maak .bg-variant mixin aanpas: fokus kleur bo en behalwe: swaai kleur
• Update. Visible * mixin om belangrike onelements te gebruik
• Bepaal die grensradius op lysgroepitems in opvoubare panele
• Rekening vir statiese vormkontroles in vormgrootte variasies
• Voeg ondersteuning by .list-groep-items.

Wat is nuut in weergawe 3.3.7 / 2.3.2 / 4.0.0 Alpha 3:

• Bevestig verkeerd. Plaas posisionering wanneer die webblad 'n stewige voete-uitleg gebruik.
• Gereedskapstip / popover-gedrag regstel wanneer verskeie snellers gespesifiseer word
• Vermy onnodige HTML-string-geboue + parsering
• Vermy lekkende geheue in tooltip / popover plugins
• As u in 'n invoerveld in 'n oop aftreklys kliek, word die dropdown nie meer toegemaak nie
• Bevestig horisontale vertoningsgrense, kontroleer tooltip / popover plasing logic
• Voeg 'n nuwe inserted.bs.tooltip / popover gebeurtenis gevuur na tooltip / popover DOM is in die dokument ingevoeg
• Tooltip / popover: Laat die keusepos opsie 'n funksie toe
• Stel outomatiese plasing vas om visuitvoer op tooltips en popovers te gebruik
• Toegangswand van blaaier foute vir tabelverwante Chrome-foute
• Donker styl. fokus en: fokus: beweeg op .aktiewe knoppies
• Bevestig radio en boks sleutelbord hantering in. BTN-groep (plus verwydering van verouderde eenheid toets)
• Genereer dropdowns / droprole = "menu"
• Handmatig hanteer .Input-groep- * grootte in plaas van mengsels, wat 'n fout in ons saamgestelde kode veroorsaak as gevolg van nes
• Voeg z-indeks by om te verhoed dat die grens oorvleuel in invoergroepe
• Behoorlike posisie .vorm-beheer-terugvoering oor binne insetgroepe
• Bevestig die oorvleuelende grens op paginasie skakels op hover
• Maak .text-emphasis-variant pas 'n: fokuskleur bykomend tot 'n: swaaikleur
• Herstel teks / font eienskappe deegliker vir gereedskapstippe + popovers
• Verander die grootte van die lettertipe van die jumbotron-opskrif
• Verwyder slegs wyser-gebeurtenisse op gedeaktiveerde .btns
• Maksimum breedte byvoeg: none to. media> .img-miniatuur om wanformeerde beelde te voorkom
• Maak .bg-variant mixin aanpas: fokus kleur bo en behalwe: swaai kleur
• Update. Visible * mixin om belangrike onelements te gebruik
• Bepaal die grensradius op lysgroepitems in opvoubare panele
• Rekening vir statiese vormkontroles in vormgrootte variasies
• Voeg ondersteuning by .list-groep-items.

Wat is nuut in weergawe 3.3.6 / 2.3.2 / 4.0.0 Alpha2:

• Bevestig verkeerd. Plaas posisionering wanneer die webblad 'n stewige voete-uitleg gebruik.
• Gereedskapstip / popover-gedrag regstel wanneer verskeie snellers gespesifiseer word
• Vermy onnodige HTML-string-geboue + parsering
• Vermy lekkende geheue in tooltip / popover plugins
• As u in 'n invoerveld in 'n oop aftreklys kliek, word die dropdown nie meer toegemaak nie
• Bevestig horisontale vertoningsgrense, kontroleer tooltip / popover plasing logic
• Voeg 'n nuwe inserted.bs.tooltip / popover gebeurtenis gevuur na tooltip / popover DOM is in die dokument ingevoeg
• Tooltip / popover: Laat die keusepos opsie 'n funksie toe
• Stel outomatiese plasing vas om visuitvoer op tooltips en popovers te gebruik
• Toegangswand van blaaier foute vir tabelverwante Chrome-foute
• Donker styl. fokus en: fokus: beweeg op .aktiewe knoppies
• Bevestig radio en boks sleutelbord hantering in. BTN-groep (plus verwydering van verouderde eenheid toets)
• Genereer dropdowns / droprole = "menu"
• Handmatig hanteer .Input-groep- * grootte in plaas van mengsels, wat 'n fout in ons saamgestelde kode veroorsaak as gevolg van nes
• Voeg z-indeks by om te verhoed dat die grens oorvleuel in invoergroepe
• Behoorlike posisie .vorm-beheer-terugvoering oor binne insetgroepe
• Bevestig die oorvleuelende grens op paginasie skakels op hover
• Maak .text-emphasis-variant pas 'n: fokuskleur bykomend tot 'n: swaaikleur
• Herstel teks / font eienskappe deegliker vir gereedskapstippe + popovers
• Verander die grootte van die lettertipe van die jumbotron-opskrif
• Verwyder slegs wyser-gebeurtenisse op gedeaktiveerde .btns
• Maksimum breedte byvoeg: none to. media> .img-miniatuur om wanformeerde beelde te voorkom
• Maak .bg-variant mixin aanpas: fokus kleur bo en behalwe: swaai kleur
• Update. Visible * mixin om belangrike onelements te gebruik
• Bepaal die grensradius op lysgroepitems in opvoubare panele
• Rekening vir statiese vormkontroles in vormgrootte variasies
• Voeg ondersteuning by .list-groep-items.

Wat is nuut in weergawe 3.3.5 / 2.3.2 / 4.0.0 Alpha:

• Bevestig verkeerd. Plaas posisionering wanneer die webblad 'n stewige voete-uitleg gebruik.
• Gereedskapstip / popover-gedrag regstel wanneer verskeie snellers gespesifiseer word
• Vermy onnodige HTML-string-geboue + parsering
• Vermy lekkende geheue in tooltip / popover plugins
• As u in 'n invoerveld in 'n oop aftreklys kliek, word die dropdown nie meer toegemaak nie
• Bevestig horisontale vertoningsgrense, kontroleer tooltip / popover plasing logic
• Voeg 'n nuwe inserted.bs.tooltip / popover gebeurtenis gevuur na tooltip / popover DOM is in die dokument ingevoeg
• Tooltip / popover: Laat die keusepos opsie 'n funksie toe
• Stel outomatiese plasing vas om visuitvoer op tooltips en popovers te gebruik
• Toegangswand van blaaier foute vir tabelverwante Chrome-foute
• Donker styl. fokus en: fokus: beweeg op .aktiewe knoppies
• Bevestig radio en boks sleutelbord hantering in. BTN-groep (plus verwydering van verouderde eenheid toets)
• Genereer dropdowns / droprole = "menu"
• Handmatig hanteer .Input-groep- * grootte in plaas van mengsels, wat 'n fout in ons saamgestelde kode veroorsaak as gevolg van nes
• Voeg z-indeks by om te verhoed dat die grens oorvleuel in invoergroepe
• Behoorlike posisie .vorm-beheer-terugvoering oor binne insetgroepe
• Bevestig die oorvleuelende grens op paginasie skakels op hover
• Maak .text-emphasis-variant pas 'n: fokuskleur bykomend tot 'n: swaaikleur
• Herstel teks / font eienskappe deegliker vir gereedskapstippe + popovers
• Verander die grootte van die lettertipe van die jumbotron-opskrif
• Verwyder slegs wyser-gebeurtenisse op gedeaktiveerde .btns
• Maksimum breedte byvoeg: none to. media> .img-miniatuur om wanformeerde beelde te voorkom
• Maak .bg-variant mixin aanpas: fokus kleur bo en behalwe: swaai kleur
• Update. Visible * mixin om belangrike onelements te gebruik
• Bepaal die grensradius op lysgroepitems in opvoubare panele
• Rekening vir statiese vormkontroles in vormgrootte variasies
• Voeg ondersteuning by .list-groep-items.

Wat is nuut in weergawe 3.3.5 / 2.3.2:

• Bevestig verkeerd. Plaas posisionering wanneer die webblad 'n stewige voete-uitleg gebruik.
• Gereedskapstip / popover-gedrag regstel wanneer verskeie snellers gespesifiseer word
• Vermy onnodige HTML-string-geboue + parsering
• Vermy lekkende geheue in tooltip / popover plugins
• As u in 'n invoerveld in 'n oop aftreklys kliek, word die dropdown nie meer toegemaak nie
• Bevestig horisontale vertoningsgrense, kontroleer tooltip / popover plasing logic
• Voeg 'n nuwe inserted.bs.tooltip / popover gebeurtenis gevuur na tooltip / popover DOM is in die dokument ingevoeg
• Tooltip / popover: Laat die keusepos opsie 'n funksie toe
• Stel outomatiese plasing vas om visuitvoer op tooltips en popovers te gebruik
• Toegangswand van blaaier foute vir tabelverwante Chrome-foute
• Donker styl. fokus en: fokus: beweeg op .aktiewe knoppies
• Bevestig radio en boks sleutelbord hantering in. BTN-groep (plus verwydering van verouderde eenheid toets)
• Genereer dropdowns / droprole = "menu"
• Handmatig hanteer .Input-groep- * grootte in plaas van mengsels, wat 'n fout in ons saamgestelde kode veroorsaak as gevolg van nes
• Voeg z-indeks by om te verhoed dat die grens oorvleuel in invoergroepe
• Behoorlike posisie .vorm-beheer-terugvoering oor binne insetgroepe
• Bevestig die oorvleuelende grens op paginasie skakels op hover
• Maak .text-emphasis-variant pas 'n: fokuskleur bykomend tot 'n: swaaikleur
• Herstel teks / font eienskappe deegliker vir gereedskapstippe + popovers
• Verander die grootte van die lettertipe van die jumbotron-opskrif
• Verwyder slegs wyser-gebeurtenisse op gedeaktiveerde .btns
• Maksimum breedte byvoeg: none to. media> .img-miniatuur om wanformeerde beelde te voorkom
• Maak .bg-variant mixin aanpas: fokus kleur bo en behalwe: swaai kleur
• Update. Visible * mixin om belangrike onelements te gebruik
• Bepaal die grensradius op lysgroepitems in opvoubare panele
• Rekening vir statiese vormkontroles in vormgrootte variasies
• Voeg ondersteuning by .list-groep-items.

Wat is nuut in weergawe 3.3.4 / 2.3.2:

• Regstel vir 'n paar beduidende foute in die Modal plugin.
• Regstel vir 'n paar irriterende foute in die ScrollSpy-invoegtoepassing.
• Bootstrap is nou ook beskikbaar as 'n Meteor-pakket in die Sfeerpakketindeks.
• Convenience aliassen is bygevoeg vir valuta simbool Glyphicons op grond van hul verwante 3-letter ISO valuta codes. Glyphicon-rub is byvoorbeeld 'n nuwe alias vir .glyphicon-roebel, die geldeenheid simbool vir die Russiese roebel (RUB).
• Implementeer AnchorJS in ons dokumentasie om dit makliker te maak om te skakel na spesifieke afdelings binne die dokumente.

Wat is nuut in weergawe 3.3.2 / 2.3.2:

• Pas vormgrootte variasies toe aan .form-control-static.
• Fix.table-striped om te werk met tooltips op rye deur die gebruik van nth-of-type in plaas van nth-kind.
• Gebruik @ link-hover-versiering vir .btn-skakel om die standaard a: hover style te pas.
• Herstel die kleur op en. klein elemente binne .panel-titels.
• Maak die karrousel gedeeltelik nie met die gebruik van 'n verskaffer-voorvoegselmengsel nie.
• Volle breedte vorm beheerelemente binne media / vlagvoorwerp
• Bevestig die nesprobleem met vormbeheer varianten.
• Herstel ontbrekende .media-voorwerp wat in # 14801 verwyder is.
• Herstel .media- en .media-liggaamstyle wat in # 14801 verwyder is.
• Voeg posisie by: relatief; te .Dropup vir behoorlike spyskaartplasing.
• Gebruik dieselfde waarde vir die marges op die standaard. Dropdown-menu as .Dropup .Dropdown-menu's.
• Vertikaal sentrum .icon-prev en .icon-volgende in karrousel kontroles met lynhoogte: 1.
• Beperk grensradius op geneste knoppie groepe met net een kind.
• Fixes.input-groep-sm en .input-groep-lg vir tydelike datum insette.
• Opdateer verwysingsfoutverwysings in minder opmerkings.
• Voeg .Disabled-klas by die .btn-style mixin in die tema.
• Verhoog decimale op @ line-hoogte-groot van 1.33 tot 1.3333333 om knoppie grootte in Chrome vir Windows 8.1 op te los.

Wat is nuut in weergawe 3.3.1:

• Gebruik HTML5tag in voorbeelde.
• Vervang vervalde gebruike van .pull-left & amp; . Pull-right in. media docs.
• Noem Safari-fontgrootte probleme met vaste wydte. Houers in Dokumente druk.
• Add event.relatedTarget + data- * voorbeeld van hoe om modale inhoud te verander, gebaseer op watter knoppie die modal geaktiveer is.
• Voeg initialisatie voorbeelde by tooltip en popover "Opt-in funksionaliteit" callouts.
• Dokumente vereis. Aktiewe klas op een karrousel skyfie.
• Gekoppelde toeganklikheid (en sommige konsekwentheid) regstellings.
• Toegangsverbeterings vir glyfonium.
• Opwas van 'n paar afskuwelike voorbeelde 'ARIA rolle.
• Korrekte opheffing van aktiewe aftrekitems in ingevulde navbars in die tema.
• Aktiveer regstreekse opsies in ingevulde navbars.
• Maak die knoppie van die knoppie se fokus, herken fokusin gebeurtenis, benewens fokus gebeurtenis.
• Voeg 'n oplossing vir die oënskynlike foutiewe tooltip viewport unit toets mislukkings op IOS 8.
• Stel modale agtergrond oor wat die modal se scrollbar bevat.
• Sentrummodal te alle tye.
• Laat karousel ignoreer sleutelbordgebeurtenisse wat deur s of. S & lt; / li & gt;
• Dropdown: ignoreer keydown-gebeure wat van insette en teksareas kom.

Wat is nuut In weergawe 3.3.0:

• Het 'n handvol nuwe minder veranderlikes bygevoeg om dit makliker te maak.
• Verwyder onlangse vorderingsbalk veranderinge vir lae persentasies.
• Alle instellings van translate3d verwyder omdat hulle verbeterde prestasie verbeter het, maar ook verskeie kruisblaaier foute bygevoeg.
• Bykomende transformasies om karrouselprestasie in moderne blaaiers te verbeter.
• Opgedateer Normalize.css en ons H5BP-drukstyle na hul nuutste vrystellings.
• Verbeterde toeganklikheid vir navne, panele, gereedskapstippe, knoppies en meer.
• Besluit tientalle JavaScript en dokumentasie foute.

Wat is nuut In weergawe 3.2.0:

• Responsiewe beamptes, soos gesien in SUIT CSS.
• Sigbaarheid en verborge klasse vir blok-, inlynblok- en inlyn-elemente.
• ZeroClipboard bygevoeg om 'n flitsgebaseerde kopieerknoppie op alle voorbeelde te verskaf om kopieë van kode vinnig te kopieer.& Lt; / li & gt;

Wat is nuut In weergawe 3.1.1:

• Opgedateerde dokumente, voorbeelde en toetse om jQuery v1.11.0 te gebruik.
• Rails 3.2 verenigbaarheid.
• Omvang groot modale style tot die minimum aansigwydte breedte.
• Herstel volledige breedte-insette vir invoergroepe in inline-vorms en navbars.
• Verwyder lang verouderde: -moz-plekhouerstyle.
• Omskep popover-pyltjiestyle vir onmiddellike kinders.
• Fix twee tipes in carousel.less vir die Glyphicon-klasse.

Wat is nuut In weergawe 3.1.0:

• Drie nuwe templates: Blog, Cover en Dashboard.
• Bykomende .info-variant by kontekstuele tabelklasse.
• Toegevoegde kontekstuele style om groepe te lys.
• Voeg nuwe groottes, .modal-lg en .modal-sm, by modelle vir vinniger instellings op modelle. Slegs van toepassing op modale bo die klein breekpunt.
• Bygevoeg elementstyle om gebruikersinvoer via sleutelbord aan te dui.
• Added. animasie () mixins.& Lt; / li & gt;
• Toegevoegde kontekstuele agtergrondkleurklasse om by ons bestaande teksklasse te pas.
• Added .text - regverdig die klas om die teksbelyningklasse af te rond.
• Nuwe klassifikasie terugvoeringsklasse bygevoeg om ikone vir elke bevestigingsstaat te wissel. Werk op gereelde vorms, horisontale en inlyn.

Wat is nuut in weergawe 3.0.2:

• Verbeter nes van. Thumbnail-style.
• Verwyder onnodige & amp; van CSS nesting vir panele.
• Grunt-taak bygevoeg om weergawe-nommers oor die hele projek te werk. (Let wel: as u ons dokumente plaaslik bestuur, moet u npm installeer om te kan hardloop).
• Gebruik nie-standaard window.location.origin in Customizer.
• Dubbele klas veranderinge in migrasie instruksies verwyder.
• Bykomstige skermleser teks vir navbalk skakel.
• Gebruik .navbar- * belyning klasse in .navbar-teks voorbeeld.
• Update node na v0.10.x (huidige stabiele)
• Skakel skakels na dieselfde ankers op dieselfde bladsy
• Drop media-tipe op basiese voorbeeld van die sjabloon
• Korrekte aflaaibakels in readme

Wat is nuut in weergawe 3.0.1:

• Vaste foute:
• Verwyder nie kwotasies rondom q element as standaard nie
• Gebruik nuut opgedateer Glyphicons om ou Android WebKit-foute op te los
• Opdateer html5shiv na v3.7.0
• Vaste tjek vir die teenwoordigheid van jQuery
• Verwyder komma wat die kleur en die kleurstop in -webkit-lineêre gradiënt in #gradiënt> skei . Vertikale mixin
• Omvangstop-top op .form-control-static slegs op horisontale vorms
• Gebruik veranderlike vir lettergrootte jumbotron in plaas van hardgekodeerde waarde
• Ronde. Lei lettergrootte na naaste hele pixel
• Beweeg. versteek van gereageerde nutsprogramme na utilities (waar dit behoort, veral as gevolg van verouderde .hide per # 10769)
• Herstel roostermengsels
• Verwyder boksskadu van .btn-link.dropdown-switch

& Lt; li & gt ;.navbalk-vaste-bodem moet 'n boonste grens hê, nie 'n onderste grens nie
• Voeg posisie by: relatief; na .modal-dialoog sodat die z-indeks in werking tree
• Verwyder rogue H5BP .ir klas uit drukstyle
• Voeg agtergrondkleurhaaie toe sodat die karrouselaanwysers in IE8-9 werk soos bedoel
• Refactor z-indeks op navbars. Verwyder die standaard z-indeks: 1000; en in plaas daarvan pas dit slegs op statiese-top, vaste en bo-onder. Bied ook die gebroke standaard navbar-voorbeeld se fubared padding op.
• Verwyder padding-links van eerste lysitem binne .list-inline
• Voeg .animasie () mixin in om die gereelde CSS-animasie-eienskappe van. Progress-bar te vervang (en laat die -moz-, -m- en -voorvoegsels af as dit nie nodig is nie per http://caniuse.com/#feat = css-animasie). & lt; / li & gt;
• Pas agtergrondkleur toe: #fff; om in drukstyle te kies om Chrome-fout op te los
• Gegradeerde Customizer-veranderlikes-afdeling en herschikte inhoud

Wat is nuut in weergawe 3.0.0:

• Nuwe ontwerp en 'n opsionele tema.
• Mobile eerste en altyd reageer.& Lt; / li & gt;
• Splinternuwe Customizer.
• Beter boksmodel as standaard.
• Super-aangedrewe roosterstelsel.
• Geskryf JavaScript plugins.
• Nuwe Glyphicons-ikoon font /
• Navigeer navbalk.
• Modals is baie meer reageer.
• Sommige komponente bygevoeg.
• Sommige komponente is verwyder.
• Meer konsekwente basis- en grootteklasse.
• Droog Internet Explorer 7 en Firefox 3.6 ondersteuning.

Vereistes :

• JavaScript aangeskakel op kliënt se kant

& Lt; li & gt; jQuery & lt; / li & gt;
& Lt; / ul & gt; & lt; / p & gt;