Bei responsive Webdesign stell es sich immer wieder als schwierig heraus die richtige @media-Query für die aktuelle Bildschirmgröße zu verwenden. Zwar kann man sich grob an ein Muster halten, jedoch gibt es so viele unterschiedliche Smartphone Displays das es ein Ratespiel wird die richtige Query zu treffen.

Bootstrap passt deine Seiten automatisch verschiedenen Bildschirmgrößen an. Hier erfährst du, wie du diese Funktion deaktivieren kannst.

Immer wieder taucht ein ähnliches Problem auf beim Erstellen von Templates auf Bootstrap-Basis. Inhalte im Content-Bereich wie beispielsweise Überschriften, Wells und andere Elemente überlappen Dropdowns und die mobile Menü-Ansicht. Das kann sehr ärgerlich sein und viel Zeit kosten um den Fehler zu finden.

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.