Bootstrap passt deine Seiten automatisch verschiedenen Bildschirmgrößen an. Hier erfährst du, wie du diese Funktion deaktivieren kannst.
In Bootstrap 3 - http://holdirbootstrap.de/los-gehts/#disable-responsive
- Entferne das Viewport-
<meta>-Tag, das in der CSS-Doku erläutert wird - Überschreibe die Breite (
width) beim.containerfür jeden Umbruchpunkt des Rasters, z.B. mitwidth: 970px !important;. Diesen Schnipsel musst du unbedingt nach Bootstraps CSS einfügen. Du kannst optional statt!importantverschiedene Media-Queries oder komplizierte Selektoren verwenden. - Falls du Navbars verwendest, musst du alle Funktionen zum Verbergen und Ausklappen der Navbar entfernen.
- Für Rasterlayouts solltest du zusätzlich zu oder statt den mittleren/großen die
.col-xs-*-Klassen verwenden. Keine Sorge, das extra-kleine Raster skaliert sich auf alle Bildschirmgrößen.
In Bootstrap 2
- Entfernen aller
@media{}Querys aus der Boostrap CSS - Eine eigene Bootstrap CSS OHNE "responsive features" erstellen: http://twitter.github.com/bootstrap/customize.html
- Downloaden einer bereits gesäuberten Bootstrap CSS Datei - http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap.min.css
