2013-12-09 4 views
13

Ich habe folgende divs, die Bootstrap 3.0 CSS verwenden, um Limit:Wie Bootstrap Spaltenbreite auf großen Devices

<div class="container"> 
    <div class="row"> 
    <div class="col-md-4"> 
     ... 
    </div> 
    <div class="col-md-4"> 
     ... 
    </div> 
    <div class="col-md-4"> 
     ... 
    </div> 
    </div> 
</div> 

Während diese aussieht und verhält sich so, wie ich auf XS wollen mittlere Geräte, die erweiterte Spalten Auf großen Geräten (> 1200px) ruiniere ich mein Design.

Gibt es eine Möglichkeit, Bootstrap von Erweiterung der Spaltenbreite auf 95px auf großen Geräten zu stoppen?

Antwort

18

Begrenzung der Behälterbreite bis max Behälterbreite für mittlere Geräte (970px) den Trick:

<div class="container" style="max-width: 970px;"> 
    <div class="row"> 
    <div class="col-md-4"> 
     ... 
    </div> 
    <div class="col-md-4"> 
     ... 
    </div> 
    <div class="col-md-4"> 
     ... 
    </div> 
    </div> 
</div> 
+0

Ist es möglich, nur eine Spalte zu begrenzen? wenn ich möchte, dass das Seitenmenü eine feste Breite hat ... – Astellar

Verwandte Themen