2013-05-16 11 views
7

Używam responsywnego bootstrapu i rusztowania z powodzeniem, moje pytanie brzmi, czy mogę zwiększyć szerokość kontenera i zachować responsywne możliwości <div class="container" style="width:1300px">?Rozmiary reagujące na bootstrap

Odpowiedz

9

Wygląda na to, że chcesz używać całej szerokości ekranów szerokoekranowych na komputerach stacjonarnych ... Jeśli tego chcesz, zachowując elastyczność/płynność. Następnie można po prostu zmienić div class do

from 
<div class="container"> 

to 

<div class="container-fluid"> 
+0

prostu dać aktualizację do tej odpowiedzi. tak nie będzie w przypadku Twitter Bootstrap 3.0 –

3

jeśli jesteś na bootstrap 3 użytku .container-fluid zamiast .container

<div class="container-fluid"> 
    <div class="row"> 
    ... 
    </div> 
</div> 

Wiersze muszą być umieszczone w .container (stałej szerokości) lub .container-fluid (pełna szerokość) dla prawidłowego wyrównania i wypełnienia.

odniesienia: -http://getbootstrap.com/css/#grid