Bootstrap (keretrendszer)

A Bootstrap  (más néven Twitter Bootstrap [3] [4] [5] ) egy ingyenes eszközkészlet webhelyek és webes alkalmazások készítéséhez . Tartalmaz HTML- és CSS - tervezősablonokat tipográfiához , webes űrlapokhoz, gombokhoz, címkékhez, navigációs blokkokhoz és egyéb webes felület-összetevőkhöz, beleértve a JavaScript - bővítményeket is.

A Bootstrap a CSS és a HTML modern fejlesztéseit használja , ezért óvatosnak kell lenni a régebbi böngészők támogatásakor [6] .

Történelem

Ezt a könyvtárat belső Twitter-könyvtárként kezdték fejleszteni, Twitter Blueprint néven . Több hónapos fejlesztés után 2011. augusztus 19-én Bootstrap néven adták ki [7] .

A 2012. január 31-én megjelent második verzió fő újításai a 12 oszlopos rács és az alkalmazkodóképesség támogatása [8] volt .

A harmadik verzió 2013. augusztus 19-én jelent meg. Ebben továbbfejlesztették az alkalmazkodóképességet, áttértek a mobil először koncepcióra , az optimalizálás elsősorban mobil eszközökre. Az alapértelmezett kialakítás lapos lett [9] .

A negyedik verzió munkálatai 2014. október 29-én kezdődtek [10] . Az alfa verzió 2015. augusztus 19-én jelent meg [11] . Az első béta verzió 2017. augusztus 10-én jelent meg [12] . A második béta 2017. október 19-én jelent meg [13] . 2018. január 18-án megjelent a Bootstrap 4 [14] első stabil verziója .

Alapvető eszközök

Alapvető Bootstrap eszközök:

• A rácsok  előre meghatározott oszlopméretek, amelyek azonnal használhatók, például egy 140 px oszlopszélesség egy osztályhoz tartozik .span2( .col-md-2a keretrendszer harmadik verziójában), amely a dokumentum CSS - leírásában használható.
• Sablonok  - rögzített vagy gumi dokumentumsablon.
• Tipográfia - betűtípusok  leírása , bizonyos betűtípus -osztályok meghatározása , például kód, idézőjel stb.
• Média  – némi szabályozást biztosít a képek és videók felett.
• A táblázatok  a táblázatok tervezésének eszközei, egészen a rendezési funkciók kiegészítéséig.
• Űrlapok  - űrlapok díszítésére szolgáló osztályok és néhány, a velük kapcsolatos esemény.
• Navigáció  – Tervezési osztályok panelekhez, lapokhoz, oldalátmenetekhez, menükhöz és eszköztárakhoz.
• Figyelmeztetések  – párbeszédpanelek, tippek és előugró ablakok kialakítása.

Bootstrap 4

2014. október 29-én Mark Otto bejelentette, hogy a Bootstrap 4 fejlesztés alatt áll. 2016. szeptember 6-án Mark szünetelteti a Bootstrap 3-on végzett munkát, hogy időt szabadítson fel a Bootstrap 4-en való munkára. A mai napig több mint 4000 módosítás történt a Bootstrap 4 alapkódjában. Az első stabil verzió 2018. január 18-án jelent meg.

A Bootstrap 4 a Bootstrap 3 szinte teljes újraírása. A legjelentősebb változások listája:

• Az alapértelmezett webes betűtípusok (Helvetica Neue, Helvetica, Arial) beépülnek a Bootstrap 4-be, és egy sor natív betűkészlettel helyettesítik az optimális szövegmegjelenítést bármely eszközön, bármilyen operációs rendszer alatt.
• Áttérés a Less használatáról a Sass használatára .
• Az IE8, IE9 és iOS 6 nem támogatott.
• Támogatás hozzáadva a Flexboxhoz, majd letiltva a nem flexbox támogatását.
• Módosítsa az alapmértékegységet px-ről rem-re.
• A globális betűméret 14 képpontról 16 képpontra nőtt.
• Egy új "kártya" komponens, amely összefoglalja a paneleket és egyéb összetevőket.
• A Glyphicons ikon betűtípusa eltávolítva.
• A személyhívó összetevői eltávolítva.
• Szinte az összes összetevőt, a jQuery bővítményeket és a dokumentációt átírták.

Bootstrap 5

A Bootstrap 5 hivatalosan 2021. május 5-én jelent meg. [15] [16]

A főbb változások a következők: [17]

• Új offcanvas menükomponens
• A jQuery-től való függőség megszüntetése a vanilla JavaScript javára
• A rács átírása, hogy támogassa az érzékeny ereszcsatornákat és a sorokon kívül elhelyezett oszlopokat.
• Dokumentáció áthelyezése Jekyllről Hugóra
• Az Internet Explorer támogatásának vége [18]
• Tesztelési infrastruktúra áttelepítése QUnitról Jasmine-ra
• Saját SVG ikonkészlet hozzáadása
• Egyéni CSS-tulajdonságok hozzáadása
• Továbbfejlesztett API
• Fejlett rácsrendszer
• Továbbfejlesztett dokumentumbeállítás
• Frissített űrlapok
• RTL támogatás

Lásd még

• HTML
• HTML5
• css
• KEVÉSBÉ
• CSS keretrendszer
• JavaScript
• jQuery

Jegyzetek

1. ↑ Kiadás 5.2.2 – 2022.
2. ↑ http://getbootstrap.com/
3. ↑ Cochran, 2012 .
4. ↑ Shaw (v.2), 2014 .
5. ↑ Shaw (v.3), 2014 .
6. ↑ Támogatott böngészők . Letöltve: 2016. január 12. Az eredetiből archiválva : 2015. augusztus 18.. (határozatlan)
7. ↑ Mark Ottó. Bootstrap a Twitterről . fejlesztői blog . Twitter (2011. augusztus 19.). Letöltve: 2016. január 27. Az eredetiből archiválva : 2017. február 23.. (határozatlan)
8. ↑ Mark Ottó. Üdvözölje a Bootstrap 2.0 | Twitter blogok . fejlesztői blog . Twitter (2011. január 31.). Letöltve: 2016. január 27. (határozatlan)  (nem elérhető link)
9. ↑ Megjelent a Bootstrap 3 . Bootstrap Blog (2013. augusztus 19.). Letöltve: 2016. január 27. Az eredetiből archiválva : 2016. október 21.. (határozatlan)
10. ↑ Megjelent a Bootstrap 3.3.0 . Bootstrap Blog (2014. október 29.). Hozzáférés dátuma: 2016. január 27. Az eredetiből archiválva : 2016. július 24. (határozatlan)
11. ↑ Bootstrap 4 alpha . Bootstrap Blog (2015. augusztus 19.). Letöltve: 2016. január 27. Az eredetiből archiválva : 2015. augusztus 21.. (határozatlan)
12. ↑ Bootstrap 4 béta . Bootstrap Blog (2017. augusztus 10.). Letöltve: 2017. október 6. Az eredetiből archiválva : 2017. október 8.. (határozatlan)
13. ↑ Bootstrap 4 Beta 2 . Bootstrap Blog (2017. október 19.). Letöltve: 2017. október 31. Az eredetiből archiválva : 2017. november 1.. (határozatlan)
14. ↑ Bootstrap 4 . Bootstrap Blog (2018. január 18.). Letöltve: 2018. január 19. Az eredetiből archiválva : 2018. január 20. (határozatlan)
15. ↑ Release v5.0.0 (# 33647 ) twbs/bootstrap kiadása  . GitHub . Letöltve: 2021. május 5. Az eredetiből archiválva : 2022. április 5.
16. ↑ Bootstrap 5 . blog.getbootstrap.com . Letöltve: 2022. április 5. Az eredetiből archiválva : 2022. március 25. (határozatlan)
17. ↑ Bootstrap 5 grid, MartijnCuppens Pull Request #28517 twbs/  bootstrap . GitHub . Letöltve: 2019. szeptember 29. Az eredetiből archiválva : 2022. április 5..
18. ↑ v5: szüntesse meg az Internet Explorer támogatását az XhmikosR által. Pull Request #30377 twbs/  bootstrap . GitHub . Letöltve: 2020. április 7. Az eredetiből archiválva : 2022. április 5..

Irodalom

Könyvek

• Jake Spurlock. Bootstrap. Reszponzív webfejlesztés . - O'Reilly , 2013. - 128 p. — ISBN 978-1-4493-4460-3 .
• David Cochran, Ian Whitley. Bootstrap webhely tervrajzai . - Csomag, 2014. - 304 p. — ISBN 978-1-78216-453-1 .
• Matt Lambert. Bootstrap webhely tervrajzai. kötet II . - Csomag, 2016. - 328 p. - ISBN 978-1-78528-109-9 .
• Syed Fazle Rahman. Jump Start Bootstrap. - SitePoint, 2014. - 150 p. — ISBN 978-0-9922794-3-1 .
• Aravind Shenoy. A Bootstrap tanulása . — Packt, 2014. — 204 p. — ISBN 978-1-78216-185-1 .
• Alexandre Magno. Mobile-First Bootstrap . - Csomag, 2013. - 92 p. — ISBN 978-1-78328-579-2 .
• Peter Shaw. Twitter Bootstrap tömören . - Syncfusion, Inc., 2014. - 114 p.
• Peter Shaw. Twitter Bootstrap 3 tömören . - Syncfusion, Inc, 2014. - 110 p.
• David Cochran. Twitter Bootstrap webfejlesztési útmutató . — Packt, 2012. - 68 p. — ISBN 978-1-84951-883-3 .

Cikkek és ismertetők

• Uche Ogbuji. Gyors webhely- és webalkalmazás-fejlesztés a Bootstrap segítségével . IBM DeveloperWorks (2013. november 29.). (határozatlan)
• Serdar Yegululp. Áttekintés: Ingyenes mobilbarát webdesign keretrendszerek . A Twitter Bootstrap, a HTML5 Boilerplate, az 52Framework, valamint a 320 és az Up kiküszöböli a nagy és kis képernyők számára készült webhelyek építési kesztyűjét . InfoWorld (2012. szeptember 12.) . (határozatlan)

Linkek

• Hivatalos oldal  (angol)
• Bootstrap GitHub  _
• Bootstrap in A List Apart No. 342 A List Apart 
• Bootstrap 4 – dokumentáció oroszul  (orosz)
• Bootstrap 5 – orosz  (orosz) nyelvű dokumentáció