2012-12-05 15 views
11

Gibt es eine Möglichkeit Bootstrap zu sagen, nicht die Elemente schrumpfen, wenn die Auflösung kleiner als:Twitter Bootstrap minimale Breite in ansprechendem Layout

/* Portrait tablet to landscape and desktop */. 
@media (min-width: 768px) and (max-width: 979px) { ... } 

Ich mag die großen Desktops und Tablets Bildschirm unterstützen, aber nichts ansprechbar unter dieser Auflösung.

Antwort

-3

Sie können die css-Eigenschaft min-width für alle Elemente hinzufügen, die nicht geschrumpft werden sollen.

+8

Das ist nicht die richtige Lösung ist ... sollten Sie die mit niedriger Auflösung als Reaktion Code gemäß den folgenden zwei Vorschläge deaktivieren. – zenkaty

+0

Und wenn ich einen bestimmten Wert bekommen möchte, wie 'min-width: 598px;'? Ich denke, das ist ein einfacher und schneller Workaround. – Guilherme

2

Sie können Medienabfragecode des mobilen Bildschirm in bootstrap.css

17

Hinzufügen des min-width Eigenschaft wird nicht das Gittersystem zu stoppen, obwohl von vermasselt, wie die Klassen entfernen span1-12 noch kleiner wird, wenn die Größenänderung!

Die beste Option ist Besuch http://twitter.github.com/bootstrap/customize.html und deaktivieren Sie "schmale Tabletten und darunter (< 767px)" auf der Responsive-Abschnitt, dann laden Sie Ihren benutzerdefinierten Bootstrap.

1

habe ich zwei Schritte

  1. Satz weniger variabel @screen-sm-min: 10px. Dadurch wird die Medienabfrage aller Bootstraps gestoppt

  2. Und setzen Sie einfach min-width auf das oberste Element.

Werke für mich

Verwandte Themen