Bootstrap (rámec)

Bootstrap  (také známý jako Twitter Bootstrap [3] [4] [5] ) je bezplatná sada nástrojů pro vytváření webových stránek a webových aplikací . Zahrnuje šablony návrhu HTML a CSS pro typografii , webové formuláře, tlačítka, štítky, navigační bloky a další součásti webového rozhraní, včetně rozšíření JavaScriptu .

Bootstrap využívá moderní vývoj v CSS a HTML , takže při podpoře starších prohlížečů musíte být opatrní [6] .

Historie

Tato knihovna se začala vyvíjet jako interní knihovna Twitteru s názvem Twitter Blueprint . Po několika měsících vývoje byla 19. srpna 2011 vydána pod názvem Bootstrap [7] .

Hlavními inovacemi druhé verze, která se objevila 31. ledna 2012, byla 12sloupcová mřížka a podpora adaptability [8] .

Třetí verze byla vydána 19. srpna 2013. V něm se dále rozvíjela adaptabilita, došlo k přechodu na koncept mobile first , optimalizace především pro mobilní zařízení. Výchozí design se stal plochým [9] .

Práce na čtvrté verzi byly zahájeny 29. října 2014 [10] . Alfa verze byla vydána 19. srpna 2015 [11] . První beta verze byla vydána 10. srpna 2017 [12] . Druhá beta byla vydána 19. října 2017 [13] . 18. ledna 2018 byla vydána první stabilní verze Bootstrap 4 [14] .

Základní nástroje

Základní nástroje pro bootstrap:

• Mřížky  jsou předdefinované velikosti sloupců, které lze okamžitě použít, například šířka sloupce 140 px patří do třídy .span2( .col-md-2ve třetí verzi frameworku), kterou lze použít v CSS popisu dokumentu.
• Šablony  - pevná nebo pryžová šablona dokumentu.
• Typografie  - popisy písem , definování některých tříd pro písma , jako je kód, uvozovky atd.
• Média  – Poskytuje určitou kontrolu nad obrázky a videi.
• Tabulky  jsou prostředky pro navrhování tabulek až po přidání funkcí třídění.
• Formuláře  - třídy pro zdobení formulářů a některé události, které se s nimi vyskytují.
• Navigace  – třídy návrhu pro panely, karty, přechody stránek, nabídky a panely nástrojů.
• Upozornění  – návrh dialogových oken, tipů a vyskakovacích oken.

Bootstrap 4

29. října 2014 Mark Otto oznámil, že Bootstrap 4 je ve vývoji. 6. září 2016 Mark pozastavil práci na Bootstrapu 3, aby uvolnil čas na práci na Bootstrapu 4. K dnešnímu dni bylo provedeno přes 4 000 změn v základním kódu Bootstrapu 4. První stabilní verze byla vydána 18. ledna 2018.

Bootstrap 4 je téměř kompletní přepis Bootstrapu 3. Seznam nejvýznamnějších změn:

• Výchozí webová písma (Helvetica Neue, Helvetica, Arial) jsou integrována do Bootstrapu 4 a nahrazena sadou nativních písem pro optimální vykreslování textu na jakémkoli zařízení pod jakýmkoli OS.
• Přechod od používání Less k Sass .
• IE8, IE9 a iOS 6 nejsou podporovány.
• Přidána podpora pro Flexbox a poté zakázána podpora pro jiný než flexbox.
• Změňte základní měrnou jednotku z px na rem.
• Zvětšena globální velikost písma ze 14px na 16px.
• Nová „kartová“ komponenta, která shrnuje panely a další komponenty.
• Odstraněno písmo ikony Glyphicons.
• Odstraněné součásti pageru.
• Téměř všechny komponenty, jQuery pluginy a dokumentace byly přepsány.

Bootstrap 5

Bootstrap 5 byl oficiálně vydán 5. května 2021. [15] [16]

Mezi hlavní změny patří: [17]

• Nová komponenta nabídky offcanvas
• Odstranění závislosti na jQuery ve prospěch vanilkového JavaScriptu
• Přepsání mřížky tak, aby podporovala citlivé okapy a sloupce umístěné mimo řádky.
• Přenesení dokumentace z Jekylla do Huga
• Konec podpory pro Internet Explorer [18]
• Migrace testovací infrastruktury z QUnit na Jasmine
• Přidání vlastní sady ikon SVG
• Přidání vlastních vlastností CSS
• Vylepšené API
• Pokročilý systém mřížky
• Vylepšené nastavení dokumentu
• Aktualizované formuláře
• podpora RTL

Viz také

• HTML
• HTML5
• css
• MÉNĚ
• CSS framework
• JavaScript
• jQuery

Poznámky

1. ↑ Vydání 5.2.2 – 2022.
2. ↑ http://getbootstrap.com/
3. ↑ Cochran, 2012 .
4. ↑ Shaw (v.2), 2014 .
5. ↑ Shaw (v.3), 2014 .
6. ↑ Podporované prohlížeče . Získáno 12. ledna 2016. Archivováno z originálu 18. srpna 2015. (neurčitý)
7. ↑ Mark Otto. Bootstrap z Twitteru . vývojářský blog . Twitter (19. srpna 2011). Získáno 27. ledna 2016. Archivováno z originálu 23. února 2017. (neurčitý)
8. ↑ Mark Otto. Pozdravte Bootstrap 2.0 | Twitter blogy . vývojářský blog . Twitter (31. ledna 2011). Staženo: 27. ledna 2016. (neurčitý)  (nedostupný odkaz)
9. ↑ Vydán Bootstrap 3 . Blog Bootstrap (19. srpna 2013). Získáno 27. ledna 2016. Archivováno z originálu 21. října 2016. (neurčitý)
10. ↑ Vydán Bootstrap 3.3.0 . Blog Bootstrap (29. října 2014). Datum přístupu: 27. ledna 2016. Archivováno z originálu 24. července 2016. (neurčitý)
11. ↑ Bootstrap 4 alpha . Blog Bootstrap (19. srpna 2015). Získáno 27. ledna 2016. Archivováno z originálu 21. srpna 2015. (neurčitý)
12. ↑ Bootstrap 4 Beta . Blog Bootstrap (10. srpna 2017). Získáno 6. října 2017. Archivováno z originálu dne 8. října 2017. (neurčitý)
13. ↑ Bootstrap 4 Beta 2 . Blog Bootstrap (19. října 2017). Získáno 31. října 2017. Archivováno z originálu 1. listopadu 2017. (neurčitý)
14. ↑ Bootstrap 4 . Blog Bootstrap (18. ledna 2018). Staženo 19. ledna 2018. Archivováno z originálu 20. ledna 2018. (neurčitý)
15. ↑ Release Release v5.0.0 (# 33647 ) twbs/bootstrap  . GitHub . Získáno 5. května 2021. Archivováno z originálu dne 5. dubna 2022.
16. ↑ Bootstrap 5 . blog.getbootstrap.com . Získáno 5. dubna 2022. Archivováno z originálu dne 25. března 2022. (neurčitý)
17. ↑ Bootstrap 5 grid od MartijnCuppens Pull Request #28517 twbs/  bootstrap . GitHub . Získáno 29. září 2019. Archivováno z originálu 5. dubna 2022.
18. ↑ v5: zrušte podporu Internet Exploreru od XhmikosR Pull Request #30377 twbs/  bootstrap . GitHub . Staženo 7. dubna 2020. Archivováno z originálu 5. dubna 2022.

Literatura

Knihy

• Jake Spurlock. Bootstrap. Responzivní vývoj webu . - O'Reilly , 2013. - 128 s. — ISBN 978-1-4493-4460-3 .
• David Cochran, Ian Whitley. Plány bootstrapového webu . - Packt, 2014. - 304 s. — ISBN 978-1-78216-453-1 .
• Matt Lambert. Plány bootstrapového webu. Svazek II . - Packt, 2016. - 328 s. - ISBN 978-1-78528-109-9 .
• Syed Fazle Rahman. Spuštění Bootstrap. - SitePoint, 2014. - 150 s. — ISBN 978-0-9922794-3-1 .
• Aravind Shenoy. Learning Bootstrap . — Packt, 2014. — 204 s. — ISBN 978-1-78216-185-1 .
• Alexandre Magno. Mobile-First Bootstrap . - Packt, 2013. - 92 s. — ISBN 978-1-78328-579-2 .
• Peter Shaw. Twitter Bootstrap stručně . - Syncfusion, Inc., 2014. - 114 s.
• Peter Shaw. Twitter Bootstrap 3 Stručně . - Syncfusion, Inc, 2014. - 110 s.
• David Cochran. Twitter Bootstrap Web Development How-To . — Packt, 2012. - 68 s. — ISBN 978-1-84951-883-3 .

Články a recenze

• Uche Ogbuji. Rychlý vývoj webových stránek a webových aplikací pomocí Bootstrap . IBM DeveloperWorks (29. listopadu 2013). (neurčitý)
• Serdar Yegulalp. Recenze: Bezplatné rámce návrhu webu vhodné pro mobilní zařízení . Twitter Bootstrap, HTML5 Boilerplate, 52Framework a 320 and Up se starají o vytváření webových stránek pro velké i malé obrazovky . InfoWorld (12. září 2012) . (neurčitý)

Odkazy

• Oficiální stránka  (anglicky)
• Bootstrap GitHub  _
• Bootstrap v A List Apart No. 342 A Seznam Odděl 
• Bootstrap 4 – dokumentace v ruštině  (ruština)
• Bootstrap 5 – dokumentace v ruštině  (ruština)