Bootstrap (ramme)
Den aktuelle version af siden er endnu ikke blevet gennemgået af erfarne bidragydere og kan afvige væsentligt fra den
version , der blev gennemgået den 8. februar 2022; checks kræver
11 redigeringer .
Bootstrap (også kendt som Twitter Bootstrap [3] [4] [5] ) er et gratis sæt værktøjer til at bygge websteder og webapplikationer . Indeholder HTML- og CSS - designskabeloner til typografi , webformularer, knapper, etiketter, navigationsblokke og andre webgrænsefladekomponenter, inklusive JavaScript - udvidelser.
Bootstrap bruger moderne udviklinger inden for CSS og HTML , så du skal være forsigtig, når du understøtter ældre browsere [6] .
Historie
Dette bibliotek begyndte at blive udviklet som et internt Twitter-bibliotek kaldet Twitter Blueprint . Efter flere måneders udvikling blev den udgivet under navnet Bootstrap den 19. august 2011 [7] .
De vigtigste nyskabelser i den anden version, som dukkede op den 31. januar 2012, var 12-søjlegitteret og tilpasningsstøtte [8] .
Den tredje version blev udgivet den 19. august 2013. I den blev tilpasningsevnen videreudviklet, en overgang blev foretaget til begrebet mobile first , optimering primært til mobile enheder. Standarddesignet blev fladt [9] .
Arbejdet med den fjerde version startede den 29. oktober 2014 [10] . Alfaversionen blev udgivet den 19. august 2015 [11] . Den første betaversion blev udgivet den 10. august 2017 [12] . Den anden beta blev udgivet den 19. oktober 2017 [13] . Den 18. januar 2018 blev den første stabile version af Bootstrap 4 [14] frigivet .
Grundlæggende værktøjer
Grundlæggende bootstrap-værktøjer:
- Grids er foruddefinerede kolonnestørrelser, som kan bruges med det samme, for eksempel hører en kolonnebredde på 140 px til en klasse .span2( .col-md-2i den tredje version af frameworket), som kan bruges i CSS - beskrivelsen af dokumentet.
- Skabeloner - fast eller gummi dokument skabelon.
- Typografi - beskrivelser af skrifttyper , definering af nogle klasser for skrifttyper , såsom kode, anførselstegn osv.
- Medier - Giver en vis kontrol over billeder og videoer.
- Tabeller er midler til at designe tabeller, op til tilføjelse af sorteringsfunktionalitet.
- Formularer - klasser til udsmykning af formularer og nogle begivenheder, der opstår med dem.
- Navigation - Design klasser til paneler, faner, sideovergange, menuer og værktøjslinjer.
- Advarsler - designet af dialogbokse, tip og pop-up vinduer.
Bootstrap 4
Den 29. oktober 2014 annoncerede Mark Otto, at Bootstrap 4 var under udvikling. Den 6. september 2016 satte Mark arbejdet på Bootstrap 3 på pause for at frigøre tid til at arbejde på Bootstrap 4. Til dato er der foretaget over 4.000 ændringer af Bootstrap 4-kernekoden. Den første stabile version blev udgivet den 18. januar 2018.
Bootstrap 4 er en næsten komplet omskrivning af Bootstrap 3. Listen over de vigtigste ændringer:
- Standard webskrifttyper (Helvetica Neue, Helvetica, Arial) er integreret i Bootstrap 4 og erstattet med et sæt indbyggede skrifttyper for optimal tekstgengivelse på enhver enhed under ethvert operativsystem.
- Går fra at bruge Less til Sass .
- IE8, IE9 og iOS 6 understøttes ikke.
- Tilføjet understøttelse af Flexbox og derefter deaktiveret understøttelse for ikke-flexbox.
- Skift basismåleenheden fra px til rem.
- Øget global skriftstørrelse fra 14px til 16px.
- En ny "kort"-komponent, der opsummerer paneler og andre komponenter.
- Fjernet Glyphicons ikon skrifttype.
- Fjernede personsøgerkomponenter.
- Næsten alle komponenter, jQuery plugins og dokumentation er blevet omskrevet.
Bootstrap 5
Bootstrap 5 blev officielt udgivet den 5. maj 2021. [15] [16]
Større ændringer omfatter: [17]
- Ny offcanvas menu komponent
- Fjernelse af afhængighed af jQuery til fordel for vanilla JavaScript
- Omskrivning af gitteret for at understøtte responsive tagrender og kolonner placeret uden for rækker.
- Portering af dokumentation fra Jekyll til Hugo
- Slut på support til Internet Explorer [18]
- Migrering af testinfrastruktur fra QUnit til Jasmine
- Tilføjelse af dit eget SVG-ikonsæt
- Tilføjelse af brugerdefinerede CSS-egenskaber
- Forbedret API
- Avanceret gittersystem
- Forbedret dokumentopsætning
- Opdaterede formularer
- RTL support
Se også
Noter
- ↑ Udgivelse 5.2.2 - 2022.
- ↑ http://getbootstrap.com/
- ↑ Cochran, 2012 .
- ↑ Shaw (v.2), 2014 .
- ↑ Shaw (v.3), 2014 .
- ↑ Understøttede browsere . Hentet 12. januar 2016. Arkiveret fra originalen 18. august 2015. (ubestemt)
- ↑ Mark Otto. Bootstrap fra Twitter . udvikler blog . Twitter (19. august 2011). Hentet 27. januar 2016. Arkiveret fra originalen 23. februar 2017. (ubestemt)
- ↑ Mark Otto. Sig hej til Bootstrap 2.0 | Twitter blogs . udvikler blog . Twitter (31. januar 2011). Hentet: 27. januar 2016. (ubestemt) (ikke tilgængeligt link)
- ↑ Bootstrap 3 udgivet . Bootstrap Blog (19. august 2013). Hentet 27. januar 2016. Arkiveret fra originalen 21. oktober 2016. (ubestemt)
- ↑ Bootstrap 3.3.0 udgivet . Bootstrap Blog (29. oktober 2014). Dato for adgang: 27. januar 2016. Arkiveret fra originalen 24. juli 2016. (ubestemt)
- ↑ Bootstrap 4 alpha . Bootstrap Blog (19. august 2015). Hentet 27. januar 2016. Arkiveret fra originalen 21. august 2015. (ubestemt)
- ↑ Bootstrap 4 Beta . Bootstrap Blog (10. august 2017). Hentet 6. oktober 2017. Arkiveret fra originalen 8. oktober 2017. (ubestemt)
- ↑ Bootstrap 4 Beta 2 . Bootstrap Blog (19. oktober 2017). Hentet 31. oktober 2017. Arkiveret fra originalen 1. november 2017. (ubestemt)
- ↑ Bootstrap 4 . Bootstrap Blog (18. januar 2018). Hentet 19. januar 2018. Arkiveret fra originalen 20. januar 2018. (ubestemt)
- ↑ Release Release v5.0.0 (# 33647 ) twbs/bootstrap . GitHub . Hentet 5. maj 2021. Arkiveret fra originalen 5. april 2022.
- ↑ Bootstrap 5 . blog.getbootstrap.com . Hentet 5. april 2022. Arkiveret fra originalen 25. marts 2022. (ubestemt)
- ↑ Bootstrap 5 grid af MartijnCuppens Pull Request #28517 twbs/ bootstrap . GitHub . Hentet 29. september 2019. Arkiveret fra originalen 5. april 2022.
- ↑ v5: drop Internet Explorer-understøttelse af XhmikosR Pull Request #30377 twbs/ bootstrap . GitHub . Hentet 7. april 2020. Arkiveret fra originalen 5. april 2022.
Litteratur
Bøger
- Jake Spurlock. Bootstrap. Responsiv webudvikling . - O'Reilly , 2013. - 128 s. — ISBN 978-1-4493-4460-3 .
- David Cochran, Ian Whitley. Bootstrap Site Blueprints . - Packt, 2014. - 304 s. — ISBN 978-1-78216-453-1 .
- Matt Lambert. Bootstrap Site Blueprints. Bind II . - Packt, 2016. - 328 s. - ISBN 978-1-78528-109-9 .
- Syed Fazle Rahman. Jump Start Bootstrap. - SitePoint, 2014. - 150 s. — ISBN 978-0-9922794-3-1 .
- Aravind Shenoy. At lære 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 kortfattet . - Syncfusion, Inc., 2014. - 114 s.
- Peter Shaw. Twitter Bootstrap 3 kortfattet . - Syncfusion, Inc., 2014. - 110 s.
- David Cochran. Twitter Bootstrap Webudvikling How-To . — Pakke, 2012. - 68 s. — ISBN 978-1-84951-883-3 .
Artikler og anmeldelser
Links