Twitter Bootstrap är en fri samling verktyg för att skapa webbplatser och webbapplikationer. Samlingen innehåller HTML- och CSS-mallar för typografi, formulär, knappar, navigering och andra gränssnittskomponenter. Bootstrap innehåller också CSS-mallar för responsiva sajter. Tack vare dem är det lätt att bygga en responsiv sajt, så länge du följer riktlinjerna för hur HTML-koden ska struktureras.
Var kommer Bootstrap ifrån?
Bootstrap är ett av de populärare projekten på GitHub. För varje dag som går stöter vi på fler webbplatser och applikationer som har Bootstrap som grund. Bootstrap grundades av Mark Otto och Jacob Thornton på Twitter, i samband med en satsning på enhetligt utseende och uppbyggnad i Twitters interna och externa gränssnitt.
Fullpackat med funktioner
Bootstrap har ett responsivt rutnät med 12 kolumner, dussintals komponenter, JavaScript-plugins, typografi och formulärkontroller. Där finns också en webbaserad ”Customizer” där du gör Bootstrap till din egen med egna färger, typsnitt och liknande.
En inkonsekvent struktur i gränssnittet är mycket tidsineffektiv. Det är också tidskrävande att samordna arbetet när flera personer arbetar i samma projekt. När antalet klasser och variabler i CSS växer utom kontroll finns risken att utvecklaren skapar nya klasser i onödan, på grund av inkonsekvent och personberoende namngivning och struktur.
Twitter Bootstraps struktur förhindrar det med ett heltäckande ramverk som inte bara är logiskt uppbyggt utan också mycket effektivt att använda. Bootstrap har mycket brett stöd bland webbläsare och följer i stor omfattning de nya standarderna för HTML5 och CSS3.
Responsiv Webbdesign
Bootstrap utvecklades inte bara för att se ut och bete sig bra i de senaste stationära webbläsarna (även IE7!). Ramverket är också byggt för webbläsare i surfplattor, pekplattor och smartphones, via Responsive Webb Design.
Responsiv webbdesign, även kallat RWD, innebär att Twitter Bootstrap låter layouten förändras beroende på besökarens skärmupplösning. Webbplatsens besökare kan till exempel surfa till sajten med surfplatta, smartphone eller dator. Innehållet anpassas efter besökarens skärmupplösning och webbläsare.
