Naar inhoud springen

Bootstrap (framework)

Uit Wikipedia, de vrije encyclopedie
Bootstrap
Logo
Ontwerper(s) Mark Otto
Uitgebracht 19 augustus 2011
Recentste versie 3.1.2 (19 januari 2015),[1] 3.3.5 (15 juni 2015),[2][3] 3.3.6 (24 november 2015),[4] 3.3.7 (25 juli 2016),[5][6] 3.3.4 (16 maart 2015),[7] 3.3.2 (19 januari 2015),[8] 3.3.1 (12 november 2014),[9] 3.3.0 (29 oktober 2014),[10] 3.2.0 (26 juni 2014),[11][12] 3.1.1 (13 februari 2014),[13] 3.1.0 (30 januari 2014),[14] 3.0.3 (5 december 2013),[15] 3.0.2 (6 november 2013),[16] 3.0.1 (30 oktober 2013),[17] 3.0.0 (19 augustus 2013),[18] 2.3.2 (27 juli 2013),[19] 1.0.0 (18 augustus 2011),[20][21] 2.3.1 (1 maart 2013),[22][23] 2.3.0 (18 juli 2013),[24] 2.2.2 (18 juli 2013),[25] 2.2.1 (18 juli 2013),[26] 2.2.0 (18 juli 2013),[27] 2.1.1 (18 juli 2013),[28] 2.1.0 (18 juli 2013),[29] 2.0.4 (1 juni 2012),[30][31] 2.0.3 (25 april 2012),[32][33][34] 2.0.2 (18 juli 2013),[35] 2.0.1 (18 juli 2013),[36] 2.0.0 (1 februari 2012),[37][38] 1.4.0 (18 juli 2013),[39] 1.3.0 (18 juli 2013),[40] 1.2.0 (18 juli 2013),[41] 1.1.1 (18 juli 2013),[42] 1.1.0 (18 juli 2013),[43] 4.0.0 (18 januari 2018),[44] 4.5.3 (13 oktober 2020),[45] 4.6.0 (19 januari 2021),[46][47] 5.0.0 (5 mei 2021),[48][49] 5.0.1 (13 mei 2021),[50][51] 5.0.2 (22 juni 2021),[52][53][54] 5.1.0 (4 augustus 2021),[55][56] 5.1.1 (7 september 2021),[57][58] 5.1.2 (5 oktober 2021),[59][60] 5.1.3 (9 oktober 2021),[61] 5.2.0 (19 juli 2022),[62][63] 5.2.2 (3 oktober 2022),[64] 5.2.3 (22 november 2022),[65][66] 5.3.0 (30 mei 2023),[67][68] 5.3.1 (26 juli 2023),[69] 5.3.2 (14 september 2023),[70] 5.3.3 (20 februari 2024),[71] 5.3.4 (3 april 2025)[72] Bewerken op Wikidata
Recentste bètaversie 5.0.0-beta1 (7 december 2020),[73] 5.0.0-beta2 (10 februari 2021)[74] Bewerken op Wikidata
Besturings­systeem webbrowser
Geschreven in HTML, CSS, LESS, Sass en JavaScript
Licentie(s) MIT-licentie
Versiebeheer Officiële broncode
Website Projectpagina
Portaal  Portaalicoon   Informatica
Vrije software

Bootstrap (letterlijk laarzenlus, een hulpmiddel om een rijlaars met behulp van een speciale haak, aan te trekken) is een verzameling hulpmiddelen voor het maken van websites en webtoepassingen. Het is gratis en open source. Het bevat sjablonen gebaseerd op HTML en CSS voor typografie, formulieren, knoppen, navigatie en andere interfaceonderdelen. Het bevat ook JavaScript-extensies. Het Bootstrap-framework is bedoeld om webontwikkeling te vereenvoudigen.

Oorsprong

[bewerken | brontekst bewerken]

Bootstrap, oorspronkelijk Twitter Blueprint genaamd, werd ontwikkeld door Mark Otto en Jacob Thornton bij Twitter als een framework om een consistent ontwerp te hebben binnen de interne hulpmiddelen. Voor de komst van Bootstrap werden allerlei bibliotheken gebruikt voor het ontwerp van de interface, waardoor deze inconsistent was en veel onderhoud vroeg. Volgens Twitter-ontwikkelaar Mark Otto:

"A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company."[75]

Na enkele maanden ontwikkeling door een kleine groep begonnen meerdere ontwikkelaars bij Twitter bij te dragen aan het project als onderdeel van Hack Week, een hackathon-achtige week voor het ontwikkelteam van Twitter. Het project werd hernoemd naar Bootstrap, en het kwam uit als een opensourceproject op 15 augustus 2011.[76] Het wordt nog steeds onderhouden door Mark Otto, Jacob Thornton, en een kleine groep van belangrijke ontwikkelaars, maar ook door een grote gemeenschap van bijdragers.[77]

Op 31 januari 2012 werd Bootstrap 2 aangekondigd. In deze release was er een lay-out voor een tabel met 12 kolommen en componenten voor responsive webdesign, naast wijzigingen aan vele van de bestaande componenten.[78] De release van Bootstrap 3 werd aangekondigd op 19 augustus 2013, met een "mobile first"-benadering en een "flat" design.[79]

Op 23 april 2015 maakte Mark Otto bekend dat Bootstrap 4 wordt ontwikkeld[80]. De eerste alfaversie van Bootstrap 4 werd op 19 augustus 2015 geïmplementeerd[81].

Bootstrap 5 Alpha werd officieel uitgebracht op 16 juni 2020[82]. Na minder dan een half jaar, op 1 december 2020, kondigde Mark Otto de release van de eerste bètaversie aan. Momenteel is de nieuwste versie van het pakket Beta 2, dat werd gelanceerd op 10 februari 2021.

De eerste use case van Bootstrap 5-versie verscheen pas een paar dagen na de officiële première. De meest bekende pakket-MDB 5-UI-kit voor materiaalontwerp voor Bootstrap 5[83].

Kenmerken

[bewerken | brontekst bewerken]

Bootstrap is compatibel met de laatste versies van Google Chrome, Firefox, Internet Explorer, Opera, Safari en Edge hoewel sommige van deze webbrowsers niet op alle platformen ondersteund worden.[84]

Bootstrap is snel en schaalbaar, de onderliggende HTML en CSS-bestanden zijn er compact. Dit is in het voordeel van de website of webapplicatie. Bootstrap is een stuk goedkoper dan maatwerk. Omdat Bootstrap een framework is dat bestaat uit standaard componenten, dit levert een behoorlijke tijdwinst op.

Vanaf versie 2.0 ondersteunt het ook responsive webdesign. Dit betekent dat de lay-out van de webpagina's zich dynamisch aanpast aan het gebruikte apparaat (desktop, tablet, smartphone).

Vanaf versie 3.0 is Bootstrap gericht op mobile first.

Bootstrap is open source en beschikbaar via GitHub. Omdat Bootstrap open source is het gemakkelijk om aan te passen. Iedere regel code kan veranderd worden. De bestanden kennen een eenvoudige structuur zodat deze voor iedere ontwikkelaar makkelijk te lezen zijn.

Ten slotte kan Bootstrap geïntegreerd worden met verschillende content managementsystemen zoals Drupal en Joomla. Op deze manier blijft de content in eigen beheer, Bootstrap is de presentatie hiervan.

Structuur en functie

[bewerken | brontekst bewerken]
Voorbeeld van een webpagina met gebruik van Bootstrap
Voorbeeld van een webpagina met gebruik van Bootstrap

Bootstrap is modulair en bestaat hoofdzakelijk uit een reeks van SASS-stylesheets die de verschillende onderdelen van de toolkit verwezenlijken. Ontwikkelaars kunnen het bootstrap.less-bestand zelf aanpassen en zo kiezen welke onderdelen ze willen gebruiken in hun project.

Het tabelsysteem en responsive design heeft standaard een lay-out met een tabel van 1170 pixels breed. Als alternatief kan de ontwikkelaar kiezen voor een lay-out met variabele breedte. Voor beide gevallen biedt de toolkit vier variaties aan voor verschillende resoluties en apparaattypes.

Bootstrap bevat meerdere JavaScript-componenten in de vorm van jQuery-plug-ins. Deze voorzien in bijkomende elementen voor de gebruikersomgeving, zoals dialoogvensters, tooltips en carrousels. Ze breiden ook de functionaliteit van bestaande elementen uit, zoals bij auto-complete voor invoervelden.

Zie ook

[bewerken | brontekst bewerken]

Referenties

[bewerken | brontekst bewerken]
  1. ↑ https://github.com/twbs/bootstrap/releases.
  2. ↑ Bootstrap 3.3.5 released (15 juni 2015). Geraadpleegd op 6 december 2015.
  3. ↑ Release 3.3.5 (16 juni 2015). Geraadpleegd op 13 maart 2018.
  4. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.3.6.
  5. ↑ http://blog.getbootstrap.com/2016/07/25/bootstrap-3-3-7-released/; geraadpleegd op: 1 september 2016; taal van werk of naam: Engels; datum van uitgave: 25 juli 2016.
  6. ↑ Release 3.3.7 (25 juli 2016). Geraadpleegd op 13 maart 2018.
  7. ↑ Release 3.3.4 (16 maart 2015). Geraadpleegd op 13 maart 2018.
  8. ↑ Release 3.3.2 (19 januari 2015). Geraadpleegd op 13 maart 2018.
  9. ↑ Release 3.3.1 (12 november 2014). Geraadpleegd op 13 maart 2018.
  10. ↑ Release 3.3.0 (29 oktober 2014). Geraadpleegd op 13 maart 2018.
  11. ↑ Bootstrap 3.2.0 released. Geraadpleegd op 1 augustus 2017.
  12. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.2.0; geraadpleegd op: 1 augustus 2017.
  13. ↑ Release 3.1.1 (13 februari 2014). Geraadpleegd op 13 maart 2018.
  14. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.1.0; geraadpleegd op: 1 augustus 2017.
  15. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.0.3; geraadpleegd op: 1 augustus 2017.
  16. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.0.2; geraadpleegd op: 1 augustus 2017.
  17. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.0.1; geraadpleegd op: 1 augustus 2017.
  18. ↑ https://github.com/twbs/bootstrap/releases/tag/v3.0.0; geraadpleegd op: 1 augustus 2017.
  19. ↑ Release 2.3.2 (27 juli 2013). Geraadpleegd op 13 maart 2018.
  20. ↑ https://github.com/twbs/bootstrap/tags?after=v1.1.0; geraadpleegd op: 1 augustus 2017.
  21. ↑ Release 1.0.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  22. ↑ https://github.com/twbs/bootstrap/tags?after=v2.3.2; geraadpleegd op: 1 augustus 2017.
  23. ↑ Release 2.3.1 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  24. ↑ Release 2.3.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  25. ↑ Release 2.2.2 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  26. ↑ Release 2.2.1 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  27. ↑ Release 2.2.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  28. ↑ Release 2.1.1 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  29. ↑ Release 2.1.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  30. ↑ https://github.com/twbs/bootstrap/tags?after=v2.1.0; geraadpleegd op: 1 augustus 2017.
  31. ↑ Release 2.0.4 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  32. ↑ https://github.com/twbs/bootstrap/tags?after=v2.0.4; geraadpleegd op: 1 augustus 2017.
  33. ↑ Bootstrap 2.0.3 released (24 april 2012). Geraadpleegd op 10 augustus 2017.
  34. ↑ Release 2.0.3 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  35. ↑ Release 2.0.2 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  36. ↑ Release 2.0.1 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  37. ↑ https://github.com/twbs/bootstrap/tags?after=v2.0.1; geraadpleegd op: 1 augustus 2017.
  38. ↑ Release 2.0.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  39. ↑ Release 1.4.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  40. ↑ Release 1.3.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  41. ↑ Release 1.2.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  42. ↑ Release 1.1.1 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  43. ↑ Release 1.1.0 (18 juli 2013). Geraadpleegd op 13 maart 2018.
  44. ↑ Release 4.0.0 (18 januari 2018). Geraadpleegd op 13 maart 2018.
  45. ↑ Release 4.5.3 (13 oktober 2020). Geraadpleegd op 7 november 2020.
  46. ↑ https://blog.getbootstrap.com/2021/01/19/bootstrap-4.6.0/; geraadpleegd op: 28 januari 2021; datum van uitgave: 19 januari 2021.
  47. ↑ Release 4.6.0 (19 januari 2021). Geraadpleegd op 8 februari 2021.
  48. ↑ Release v5.0.0 (5 mei 2021).
  49. ↑ Release 5.0.0 (5 mei 2021). Geraadpleegd op 10 mei 2021.
  50. ↑ Release v5.0.1 (13 mei 2021).
  51. ↑ Release v5.0.1 (13 mei 2021). Geraadpleegd op 20 mei 2021.
  52. ↑ Release v5.0.2 (22 juni 2021).
  53. ↑ https://github.com/twbs/bootstrap/releases/tag/v5.0.2.
  54. ↑ "Release v5.0.2"; datum van uitgave: 22 juni 2021; geraadpleegd op: 22 juni 2021.
  55. ↑ Bootstrap 5.1.0 (4 augustus 2021). Geraadpleegd op 6 september 2021.
  56. ↑ Release v5.1.0 (4 augustus 2021). Geraadpleegd op 18 augustus 2021.
  57. ↑ Bootstrap 5.1.1 (7 september 2021). Geraadpleegd op 25 september 2021.
  58. ↑ Release 5.1.1 (7 september 2021). Geraadpleegd op 3 oktober 2022.
  59. ↑ Bootstrap 5.1.2 (5 oktober 2021). Geraadpleegd op 27 oktober 2021.
  60. ↑ Release 5.1.2 (5 oktober 2021). Geraadpleegd op 3 oktober 2022.
  61. ↑ Bootstrap 5.1.3 (9 oktober 2021). Geraadpleegd op 27 oktober 2021.
  62. ↑ https://blog.getbootstrap.com/2022/07/19/bootstrap-5-2-0/; datum van uitgave: 19 juli 2022.
  63. ↑ https://github.com/twbs/bootstrap/releases/tag/v5.2.0.
  64. ↑ Release 5.2.2 (3 oktober 2022). Geraadpleegd op 3 oktober 2022.
  65. ↑ Bootstrap 5.2.3 (22 november 2022). Geraadpleegd op 22 november 2022.
  66. ↑ Release 5.2.3 (22 november 2022). Geraadpleegd op 22 november 2022.
  67. ↑ Release 5.3.0 (30 mei 2023). Geraadpleegd op 30 mei 2023.
  68. ↑ Bootstrap 5.3.0 (30 mei 2023). Geraadpleegd op 30 mei 2023.
  69. ↑ Release 5.3.1 (26 juli 2023). Geraadpleegd op 29 juli 2023.
  70. ↑ Release 5.3.2 (14 september 2023). Geraadpleegd op 18 september 2023.
  71. ↑ Release 5.3.3 (20 februari 2024). Geraadpleegd op 20 februari 2024.
  72. ↑ https://github.com/twbs/bootstrap/releases/tag/v5.3.4.
  73. ↑ Relase 5.0.0-beta1 (7 december 2020). Geraadpleegd op 12 december 2020.
  74. ↑ https://github.com/twbs/bootstrap/releases/tag/v5.0.0-beta2; datum van uitgave: 10 februari 2021; geraadpleegd op: 2 januari 2023.
  75. ↑ Bootstrap in A List Apart No. 342. Mark Otto (17 januari 2012). Gearchiveerd op 12 mei 2020. Geraadpleegd op 2 mei 2015.
  76. ↑ Bootstrap from Twitter. Developer Blog. Twitter (19 augustus 2011). Gearchiveerd op 23 februari 2017.
  77. ↑ About. Bootstrap. Gearchiveerd op 25 mei 2023.
  78. ↑ Say hello to Bootstrap 2.0. Developer Blog. Twitter (31 januari 2012). Gearchiveerd op 23 februari 2017.
  79. ↑ Bootstrap 3 released. The Official Bootstrap Blog (19 augustus 2013). Gearchiveerd op 23 mei 2023.
  80. ↑ (en) Mark Otto, Bootstrap 3.3.0 released. Bootstrap Blog (29 oktober 2014). Gearchiveerd op 10 maart 2021. Geraadpleegd op 16 maart 2021.
  81. ↑ (en) Mark Otto, Bootstrap 4 alpha. Bootstrap Blog (19 augustus 2015). Gearchiveerd op 2 juni 2023.
  82. ↑ (en) Mark Otto, Bootstrap 5 alpha!. Bootstrap Blog (16 juni 2020). Gearchiveerd op 10 maart 2021. Geraadpleegd op 16 maart 2021.
  83. ↑ (en) Bootstrap 5 & Material Design 2.0. MDB - Material Design for Bootstrap. Geraadpleegd op 16 maart 2021.
  84. ↑ Supported browsers. Bootstrap. Gearchiveerd op 5 juni 2023.
[bewerken | brontekst bewerken]
  • Bootstrap - Officiële website, met documentatie en downloads
  • Bootstrap Blog - De officiële Bootstrap-blog van Mark Otto
  • MDBootstrap - Bootstrap-gebruikersinterface, paginasjablonen, lay-outs, componenten en widgets
Overgenomen van "https://nl.wikipedia.org/w/index.php?title=Bootstrap_(framework)&oldid=68912445"