Twitter Bootstrap ist ein JavaSkript Framework mit welchem man „responsives Webdesign" umsetzen kann. Darunter versteht man einen gestalterischen und technischen Ansatz zur Erstellung reaktionsfähiger Websites. Die technische Basis sind neuere Webstandards wie HTML5, CSS3 und JavaScript.
Mit diesem Framework lassen sich also Webseiten für mobilgeräte optimieren. Sie passen sich somit dynamisch an die Bildschirmgröße an und verändern ihre Form und Aufbau.
Twitter Bootstrap wurde 2011 von Twitter initiiert. Es ist eine Weiterentwicklung von internen Analyse-Systemen. Ziel war es Designer und Entwickler zusammenzubringen. Die erste Präsentation fand auf der Twitter Hackweek statt. Bootstrap ermöglichte dort ein einheitliches Look-and-Feel der Präsentationen. Seit August 2011 ist Bootstrap auf GitHub eines der erfolgreichsten Projekte.
Technik hinter Bootstrap
Eine Basis bilden HTML5, CSS3 und jQuery. Bootstrap ist Kompatibel zu allen wichtigen Browsern einschließlich IE7. Mit seinem 12-Elementiges Grid Layout mit 940px breite bietet es ausreichend Spielraum für den individuellen Aufbau von Webseiten. Eine Reihe von vorkompilierten LESS-Stylesheets und zahlreiche vordefinierte UI-Elemente sowie zahlreiche CSS-Definitionen machen die Verwendung kinderleicht.
Verwendung von Bootstrap
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
</body>
</html>
Joomla Templates mit Bootstrap lassen sich ebenso leicht herstellen wie reguläre. Es müssen nur eben die entsprechenden CSS-Klassen verwendet werden.
http://getbootstrap.com/2.3.2/
