Bootstrap (ramverk)

Den aktuella versionen av sidan har ännu inte granskats av erfarna bidragsgivare och kan skilja sig väsentligt från versionen som granskades den 8 februari 2022; kontroller kräver 11 redigeringar .

Bootstrap
Sorts	CSS-ramverk och gratis programvara med öppen källkod
Författare	Mark Otto , Jacob Thornton
Utvecklaren	Bootstrap Core Team
Skrivet i	JavaScript , CSS , HTML och Sass
Operativ system	plattformsoberoende
Första upplagan	19 augusti 2011
Hårdvaruplattform	Webbplattform och Microsoft Windows
senaste versionen	5.2.2 ( 3 oktober 2022 ) [1]
Licens	MIT-licens [2]
Hemsida	getbootstrap.com _  _
Mediafiler på Wikimedia Commons

Bootstrap  (även känd som Twitter Bootstrap [3] [4] [5] ) är en gratis uppsättning verktyg för att bygga webbplatser och webbapplikationer . Inkluderar HTML- och CSS - designmallar för typografi , webbformulär, knappar, etiketter, navigeringsblock och andra webbgränssnittskomponenter, inklusive JavaScript - tillägg.

Bootstrap använder moderna utvecklingar inom CSS och HTML , så du måste vara försiktig när du stöder äldre webbläsare [6] .

Historik

Detta bibliotek började utvecklas som ett internt Twitter-bibliotek som heter Twitter Blueprint . Efter flera månaders utveckling släpptes den under namnet Bootstrap den 19 augusti 2011 [7] .

De viktigaste innovationerna i den andra versionen, som dök upp den 31 januari 2012, var rutnätet med 12 kolumner och stöd för anpassning [8] .

Den tredje versionen släpptes den 19 augusti 2013. I den vidareutvecklades anpassningsförmågan, en övergång gjordes till konceptet mobile first , optimering främst för mobila enheter. Standarddesignen blev platt [9] .

Arbetet med den fjärde versionen startade den 29 oktober 2014 [10] . Alfaversionen släpptes den 19 augusti 2015 [11] . Den första betaversionen släpptes den 10 augusti 2017 [12] . Den andra betaversionen släpptes den 19 oktober 2017 [13] . Den 18 januari 2018 släpptes den första stabila versionen av Bootstrap 4 [14] .

Grundläggande verktyg

Grundläggande bootstrap-verktyg:

• Grids  är fördefinierade kolumnstorlekar som kan användas omedelbart, till exempel tillhör en kolumnbredd på 140 px en klass .span2( .col-md-2i den tredje versionen av ramverket) som kan användas i CSS- beskrivningen av dokumentet.
• Mallar  - fast eller gummi dokumentmall.
• Typografi  - beskrivningar av teckensnitt , definiera vissa klasser för teckensnitt , såsom kod, citattecken, etc.
• Media  - Ger viss kontroll över bilder och videor.
• Tabeller  är sätt att designa tabeller, upp till att lägga till sorteringsfunktioner.
• Formulär  - klasser för att dekorera blanketter och några händelser som inträffar med dem.
• Navigation  - Designklasser för paneler, flikar, sidövergångar, menyer och verktygsfält.
• Varningar  - utformningen av dialogrutor, tips och popup-fönster.

Bootstrap 4

Den 29 oktober 2014 meddelade Mark Otto att Bootstrap 4 var under utveckling. Den 6 september 2016 pausade Mark arbetet med Bootstrap 3 för att frigöra tid för att arbeta med Bootstrap 4. Hittills har över 4 000 ändringar gjorts i Bootstrap 4-kärnkoden. Den första stabila versionen släpptes den 18 januari 2018.

Bootstrap 4 är en nästan komplett omskrivning av Bootstrap 3. Listan över de viktigaste ändringarna:

• Standardwebbteckensnitt (Helvetica Neue, Helvetica, Arial) är integrerade i Bootstrap 4 och ersätts med en uppsättning inbyggda typsnitt för optimal textåtergivning på alla enheter under alla operativsystem.
• Går från att använda Less till Sass .
• IE8, IE9 och iOS 6 stöds inte.
• Lade till stöd för Flexbox och inaktiverade sedan stöd för icke-flexbox.
• Ändra basmåttenheten från px till rem.
• Ökad global teckenstorlek från 14px till 16px.
• En ny "kort"-komponent som sammanfattar paneler och andra komponenter.
• Borttaget Glyphicons ikon teckensnitt.
• Borttagna personsökarkomponenter.
• Nästan alla komponenter, jQuery-plugins och dokumentation har skrivits om.

Bootstrap 5

Bootstrap 5 släpptes officiellt den 5 maj 2021. [15] [16]

Större förändringar inkluderar: [17]

• Ny offcanvas menykomponent
• Tar bort beroendet av jQuery till förmån för vanilla JavaScript
• Omskrivning av rutnätet för att stödja responsiva rännor och kolumner placerade utanför raderna.
• Portering av dokumentation från Jekyll till Hugo
• Slut på support för Internet Explorer [18]
• Migrera testinfrastruktur från QUnit till Jasmine
• Lägga till din egen SVG-ikonuppsättning
• Lägger till anpassade CSS-egenskaper
• Förbättrat API
• Avancerat rutsystem
• Förbättrad dokumentinställning
• Uppdaterade formulär
• RTL-stöd

Se även

• HTML
• HTML5
• css
• MINDRE
• CSS ramverk
• JavaScript
• jQuery

Anteckningar

1. ↑ Utgåva 5.2.2 - 2022.
2. ↑ http://getbootstrap.com/
3. ↑ Cochran, 2012 .
4. ↑ Shaw (v.2), 2014 .
5. ↑ Shaw (v.3), 2014 .
6. ↑ Webbläsare som stöds . Hämtad 12 januari 2016. Arkiverad från originalet 18 augusti 2015. (obestämd)
7. ↑ Mark Otto. Bootstrap från Twitter . utvecklarblogg . Twitter (19 augusti 2011). Hämtad 27 januari 2016. Arkiverad från originalet 23 februari 2017. (obestämd)
8. ↑ Mark Otto. Säg hej till Bootstrap 2.0 | Twitter bloggar . utvecklarblogg . Twitter (31 januari 2011). Hämtad: 27 januari 2016. (obestämd)  (inte tillgänglig länk)
9. ↑ Bootstrap 3 släppt . Bootstrap Blog (19 augusti 2013). Hämtad 27 januari 2016. Arkiverad från originalet 21 oktober 2016. (obestämd)
10. ↑ Bootstrap 3.3.0 släppt . Bootstrap Blog (29 oktober 2014). Datum för åtkomst: 27 januari 2016. Arkiverad från originalet den 24 juli 2016. (obestämd)
11. ↑ Bootstrap 4 alpha . Bootstrap Blog (19 augusti 2015). Hämtad 27 januari 2016. Arkiverad från originalet 21 augusti 2015. (obestämd)
12. ↑ Bootstrap 4 Beta . Bootstrap Blog (10 augusti 2017). Hämtad 6 oktober 2017. Arkiverad från originalet 8 oktober 2017. (obestämd)
13. ↑ Bootstrap 4 Beta 2 . Bootstrap Blog (19 oktober 2017). Hämtad 31 oktober 2017. Arkiverad från originalet 1 november 2017. (obestämd)
14. ↑ Bootstrap 4 . Bootstrap Blog (18 januari 2018). Hämtad 19 januari 2018. Arkiverad från originalet 20 januari 2018. (obestämd)
15. ↑ Release Release v5.0.0 (# 33647 ) twbs/bootstrap  . GitHub . Hämtad 5 maj 2021. Arkiverad från originalet 5 april 2022.
16. ↑ Bootstrap 5 . blog.getbootstrap.com . Hämtad 5 april 2022. Arkiverad från originalet 25 mars 2022. (obestämd)
17. ↑ Bootstrap 5-rutnät av MartijnCuppens Pull Request #28517 twbs/  bootstrap . GitHub . Hämtad 29 september 2019. Arkiverad från originalet 5 april 2022.
18. ↑ v5: släpp Internet Explorer-stöd av XhmikosR Pull Request #30377 twbs/  bootstrap . GitHub . Hämtad 7 april 2020. Arkiverad från originalet 5 april 2022.

Litteratur

Böcker

• Jake Spurlock. Bootstrap. Responsiv webbutveckling . - O'Reilly , 2013. - 128 sid. — ISBN 978-1-4493-4460-3 .
• David Cochran, Ian Whitley. Bootstrap Site Blueprints . - Packt, 2014. - 304 sid. — ISBN 978-1-78216-453-1 .
• Matt Lambert. Bootstrap Site Blueprints. Volym II . - Packt, 2016. - 328 sid. - ISBN 978-1-78528-109-9 .
• Syed Fazle Rahman. Jump Start Bootstrap. - SitePoint, 2014. - 150 sid. — ISBN 978-0-9922794-3-1 .
• Aravind Shenoy. Lär dig Bootstrap . — Packt, 2014. — 204 sid. — ISBN 978-1-78216-185-1 .
• Alexandre Magno. Mobile-First Bootstrap . - Packt, 2013. - 92 sid. — ISBN 978-1-78328-579-2 .
• Peter Shaw. Twitter Bootstrap kortfattat . - Syncfusion, Inc., 2014. - 114 sid.
• Peter Shaw. Twitter Bootstrap 3 kortfattat . - Syncfusion, Inc., 2014. - 110 sid.
• David Cochran. Twitter Bootstrap Web Development How-To . — Packt, 2012. - 68 sid. — ISBN 978-1-84951-883-3 .

Artiklar och recensioner

• Uche Ogbuji. Snabb webb- och webbapplikationsutveckling med Bootstrap . IBM DeveloperWorks (29 november 2013). (obestämd)
• Serdar Yegulalp. Recension: Gratis mobilvänliga ramverk för webbdesign . Twitter Bootstrap, HTML5 Boilerplate, 52Framework och 320 and Up tar sticket av att bygga webbplatser för både stora och små skärmar . InfoWorld (12 september 2012) . (obestämd)

Länkar

• Officiell sida  (engelska)
• Bootstrap GitHub  _
• Bootstrap in A List Apart Nr. 342 A List Apart 
• Bootstrap 4 - dokumentation på ryska  (ryska)
• Bootstrap 5 - dokumentation på ryska  (ryska)