Bootstrap (framework)

Uit Wikipedia, de vrije encyclopedie
Ga naar: navigatie, zoeken
Bootstrap (framework)
Bootstrap (framework)
Recentste versie 3.3.7 
(25 juli 2016)
Laatste bètaversie 4 alpha 5 
(19 oktober 2016)
Besturingssysteem webbrowser
Geschreven in HTML, CSS, LESS, Sass en JavaScript
Licentie MIT License
Website http://getbootstrap.com/
Portaal  Portaalicoon   Informatica

Bootstrap 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]

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."[1]"

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.[2] 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.[3]

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.[4] De release van Bootstrap 3 werd aangekondigd op 19 augustus 2013, met een "mobile first"-benadering en een "flat" design.[5]

Kenmerken[bewerken]

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

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.

Structuur en functie[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 LESS-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]

Referenties[bewerken]

  1. Bootstrap in A List Apart No. 342 (17 januari 2012)
  2. Bootstrap from Twitter. Twitter (19 augustus 2011)
  3. About
  4. Say hello to Bootstrap 2.0. Twitter (31 januari 2012)
  5. Bootstrap 3 released (19 augustus 2013)
  6. Supported browsers

Externe links[bewerken]

  • Bootstrap - Officiële website, met documentatie en downloads
  • Bootstrap Blog - De officiële Bootstrap-blog van Mark Otto