2012-12-05 13 views
11

Czy istnieje sposób, aby powiedzieć bootstrap nie kurczą się elementy, gdy rozdzielczość jest mniejsza niż:Twitter bootstrap minimalną szerokość w reagującego układu

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

chcę wspierać dużych pulpitów i ekran tabletki, ale nic nie reaguje poniżej tej rozdzielczości.

Odpowiedz

-3

Możesz dodać właściwość css min-width dla wszystkich elementów, których nie chcesz skurczyć.

+8

To nie jest dobrym rozwiązaniem ... należy wyłączyć niskiej rozdzielczości kodu reagującego jak na poniższych dwóch propozycji. – zenkaty

+0

A jeśli chcę uzyskać określoną wartość, np. 'Min-width: 598px;'? Myślę, że jest to proste i szybkie obejście. – Guilherme

2

Można usunąć kod zapytania mediów mobilnych ekranie bootstrap.css

17

Dodanie min-width właściwość przyzwyczajenie zatrzymać system siatki z brudząc się jednak, jak klas span1-12 nadal będzie maleć podczas zmiany rozmiaru!

Najlepszą opcją jest wizyta http://twitter.github.com/bootstrap/customize.html i zaznaczenie "Wąskie tabletki i poniżej (< 767px)" w sekcji odpowiedzi, a następnie pobierz niestandardowy program ładujący.

1

Zrobiłem dwa kroki

  1. ustawione mniej zmienna @screen-sm-min: 10px. Spowoduje to zatrzymanie wszystkich zapytań o media dla bootstrap:

  2. I po prostu ustaw min-width na górnym elemencie.

Works dla mnie