Bootstrap (cadru)

Versiunea actuală a paginii nu a fost încă examinată de colaboratori experimentați și poate diferi semnificativ de versiunea revizuită la 8 februarie 2022; verificările necesită 11 modificări .

Bootstrap
Tip de	Cadru CSS și software gratuit și open source
Autor	Mark Otto , Jacob Thornton
Dezvoltator	Echipa de bază Bootstrap
Scris in	JavaScript , CSS , HTML și Sass
Sistem de operare	multiplatformă
Prima editie	19 august 2011
Platformă hardware	Platformă web și Microsoft Windows
ultima versiune	5.2.2 ( 3 octombrie 2022 ) [1]
Licență	Licență MIT [2]
Site-ul web	getbootstrap.com _  _
Fișiere media la Wikimedia Commons

Bootstrap  (cunoscut și ca Twitter Bootstrap [3] [4] [5] ) este un set gratuit de instrumente pentru construirea de site- uri web și aplicații web . Include șabloane de design HTML și CSS pentru tipografie , formulare web, butoane, etichete, blocuri de navigare și alte componente ale interfeței web, inclusiv extensii JavaScript .

Bootstrap folosește dezvoltări moderne în CSS și HTML , așa că trebuie să fiți atenți atunci când susțineți browsere mai vechi [6] .

Istorie

Această bibliotecă a început să fie dezvoltată ca o bibliotecă internă Twitter numită Twitter Blueprint . După câteva luni de dezvoltare, a fost lansat sub numele de Bootstrap pe 19 august 2011 [7] .

Principalele inovații ale celei de-a doua versiuni, apărute pe 31 ianuarie 2012, au fost grila cu 12 coloane și suportul de adaptabilitate [8] .

A treia versiune a fost lansată pe 19 august 2013. În ea, adaptabilitatea a fost dezvoltată în continuare, s-a făcut o tranziție la conceptul de mobil mai întâi , optimizarea în primul rând pentru dispozitivele mobile. Designul implicit a devenit plat [9] .

Lucrările la cea de-a patra versiune au început pe 29 octombrie 2014 [10] . Versiunea alfa a fost lansată pe 19 august 2015 [11] . Prima versiune beta a fost lansată pe 10 august 2017 [12] . A doua versiune beta a fost lansată pe 19 octombrie 2017 [13] . Pe 18 ianuarie 2018, a fost lansată prima versiune stabilă a Bootstrap 4 [14] .

Instrumente de bază

Instrumente de bază Bootstrap:

• Grilele  sunt dimensiuni de coloană predefinite care pot fi utilizate imediat, de exemplu, o lățime a coloanei de 140 px aparține unei clase .span2( .col-md-2în cea de-a treia versiune a cadrului) care poate fi utilizată în descrierea CSS a documentului.
• Șabloane  - șablon de document fix sau cauciuc.
• Tipografie  - descrieri ale fonturilor , definirea unor clase pentru fonturi , cum ar fi cod, ghilimele etc.
• Media  - Oferă un anumit control asupra imaginilor și videoclipurilor.
• Tabelele  sunt mijloace de proiectare a tabelelor, până la adăugarea funcționalității de sortare.
• Forme  - cursuri de decorare a formelor și a unor evenimente care au loc cu ele.
• Navigare  - Clase de proiectare pentru panouri, file, tranziții de pagină, meniuri și bare de instrumente.
• Alerte  - designul casetelor de dialog, sfaturi și ferestre pop-up.

Bootstrap 4

Pe 29 octombrie 2014, Mark Otto a anunțat că Bootstrap 4 este în dezvoltare. Pe 6 septembrie 2016, Mark a întrerupt lucrul pe Bootstrap 3 pentru a elibera timp pentru a lucra pe Bootstrap 4. Până în prezent, au fost făcute peste 4.000 de modificări la codul de bază Bootstrap 4. Prima versiune stabilă a fost lansată pe 18 ianuarie 2018.

Bootstrap 4 este o rescrie aproape completă a Bootstrap 3. Lista celor mai semnificative modificări:

• Fonturile web implicite (Helvetica Neue, Helvetica, Arial) sunt integrate în Bootstrap 4 și înlocuite cu un set de fonturi native pentru redarea optimă a textului pe orice dispozitiv sub orice sistem de operare.
• Trecerea de la utilizarea Less la Sass .
• IE8, IE9 și iOS 6 nu sunt acceptate.
• S-a adăugat suport pentru Flexbox și apoi a fost dezactivat suport pentru non-flexbox.
• Schimbați unitatea de măsură de bază de la px la rem.
• Dimensiunea globală a fontului a crescut de la 14px la 16px.
• O nouă componentă „card” care rezumă panourile și alte componente.
• S-a eliminat fontul pictogramei Glyphicons.
• Componentele pager au fost eliminate.
• Aproape toate componentele, pluginurile jQuery și documentația au fost rescrise.

Bootstrap 5

Bootstrap 5 a fost lansat oficial pe 5 mai 2021. [15] [16]

Modificările majore includ: [17]

• Nouă componentă de meniu offcanvas
• Eliminarea dependenței de jQuery în favoarea JavaScript vanilla
• Rescrierea grilei pentru a susține jgheaburi și coloane receptive plasate în afara rândurilor.
• Portarea documentației de la Jekyll la Hugo
• Sfârșitul suportului pentru Internet Explorer [18]
• Migrarea infrastructurii de testare de la QUnit la Jasmine
• Adăugarea propriului set de pictograme SVG
• Adăugarea proprietăților CSS personalizate
• API îmbunătățit
• Sistem de rețea avansat
• Configurare îmbunătățită a documentelor
• Formulare actualizate
• Suport RTL

Vezi și

• HTML
• HTML5
• css
• MAI PUȚIN
• cadru CSS
• JavaScript
• jQuery

Note

1. ↑ Versiunea 5.2.2 - 2022.
2. ↑ http://getbootstrap.com/
3. ↑ Cochran, 2012 .
4. ↑ Shaw (v.2), 2014 .
5. ↑ Shaw (v.3), 2014 .
6. ↑ Browsere acceptate . Preluat la 12 ianuarie 2016. Arhivat din original la 18 august 2015. (nedefinit)
7. ↑ Mark Otto. Bootstrap de pe Twitter . blogul dezvoltatorului . Twitter (19 august 2011). Consultat la 27 ianuarie 2016. Arhivat din original la 23 februarie 2017. (nedefinit)
8. ↑ Mark Otto. Salutați Bootstrap 2.0 | Bloguri Twitter . blogul dezvoltatorului . Twitter (31 ianuarie 2011). Preluat: 27 ianuarie 2016. (nedefinit)  (link indisponibil)
9. ↑ Bootstrap 3 lansat . Blog Bootstrap (19 august 2013). Consultat la 27 ianuarie 2016. Arhivat din original la 21 octombrie 2016. (nedefinit)
10. ↑ Bootstrap 3.3.0 lansat . Blog Bootstrap (29 octombrie 2014). Data accesului: 27 ianuarie 2016. Arhivat din original pe 24 iulie 2016. (nedefinit)
11. ↑ Bootstrap 4 alfa . Blog Bootstrap (19 august 2015). Preluat la 27 ianuarie 2016. Arhivat din original la 21 august 2015. (nedefinit)
12. ↑ Bootstrap 4 Beta . Blog Bootstrap (10 august 2017). Preluat la 6 octombrie 2017. Arhivat din original la 8 octombrie 2017. (nedefinit)
13. ↑ Bootstrap 4 Beta 2 . Blog Bootstrap (19 octombrie 2017). Consultat la 31 octombrie 2017. Arhivat din original la 1 noiembrie 2017. (nedefinit)
14. ↑ Bootstrap 4 . Blog Bootstrap (18 ianuarie 2018). Preluat la 19 ianuarie 2018. Arhivat din original la 20 ianuarie 2018. (nedefinit)
15. ↑ Versiunea v5.0.0 (# 33647 ) twbs/bootstrap  . GitHub . Preluat la 5 mai 2021. Arhivat din original la 5 aprilie 2022.
16. ↑ Bootstrap 5 . blog.getbootstrap.com . Preluat la 5 aprilie 2022. Arhivat din original la 25 martie 2022. (nedefinit)
17. ↑ Bootstrap 5 grid by MartijnCuppens Pull Request #28517 twbs/  bootstrap . GitHub . Preluat la 29 septembrie 2019. Arhivat din original la 5 aprilie 2022.
18. ↑ v5: renunțați la suportul pentru Internet Explorer de către XhmikosR Pull Request #30377 twbs/  bootstrap . GitHub . Consultat la 7 aprilie 2020. Arhivat din original pe 5 aprilie 2022.

Literatură

Cărți

• Jake Spurlock. Bootstrap. Dezvoltare Web Responsive . - O'Reilly , 2013. - 128 p. — ISBN 978-1-4493-4460-3 .
• David Cochran, Ian Whitley. Planurile site-ului Bootstrap . - Packt, 2014. - 304 p. — ISBN 978-1-78216-453-1 .
• Matt Lambert. Planurile site-ului Bootstrap. Volumul II . - Packt, 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. Învățarea Bootstrap . — Packt, 2014. — 204 p. — ISBN 978-1-78216-185-1 .
• Alexandre Magno. Mobile-First Bootstrap . - Packt, 2013. - 92 p. — ISBN 978-1-78328-579-2 .
• Peter Shaw. Twitter Bootstrap Succint . - Syncfusion, Inc., 2014. - 114 p.
• Peter Shaw. Twitter Bootstrap 3 Succint . - Syncfusion, Inc, 2014. - 110 p.
• David Cochran. Instrucțiuni de dezvoltare web Twitter Bootstrap . — Packt, 2012. - 68 p. — ISBN 978-1-84951-883-3 .

Articole și recenzii

• Uche Ogbuji. Dezvoltare rapidă de site-uri web și aplicații web cu Bootstrap . IBM DeveloperWorks (29 noiembrie 2013). (nedefinit)
• Serdar Yegulalp. Recenzie: cadre de proiectare web gratuite pentru dispozitive mobile . Twitter Bootstrap, HTML5 Boilerplate, 52Framework și 320 și Up scapă de crearea de site-uri web atât pentru ecrane mari, cât și pentru cele mici . InfoWorld (12 septembrie 2012) . (nedefinit)

Link -uri

• Pagina oficială  (engleză)
• Bootstrap GitHub  _
• Bootstrap în A List Apart No. 342 A List Apart 
• Bootstrap 4 - documentație în rusă  (rusă)
• Bootstrap 5 - documentație în rusă  (rusă)