2012-08-01 5 views
6

Ich habe so etwas enter image description hereTwitter Bootstrap: Ist es möglich, Container-Flüssigkeit mit zwei Reihen mit Span5 oder Span4 zu zentrieren?

Ich habe diese in einer Reihe-Flüssigkeit mit span6. Allerdings, wenn ich auf beiden spanne, schweben sie von der linken Seite und lassen viel Freiraum frei. Kann ich sie auf der Seite zentrieren?

+0

Wenn Sie span5 für beide Elemente verwenden, haben Sie auf der rechten Seite Platz für span2. Versuchen Sie, ein div mit span1 vor und eins nach den zwei divs mit span5 zu erstellen. –

+0

@ MiljanPuzović: Das ist eine gute Lösung. Sie sollten es als Antwort posten, damit es akzeptiert/aktualisiert werden kann –

+0

@ MiljanPuzović - Das funktioniert! – devcoder

Antwort

9

Da .offset Klassen in Bootstrap v2.0.4 nicht funktionieren, können Sie .span1 Klassen verwenden, um links und rechts um diese beiden Elemente herum Leerräume zu erstellen. Wie folgt:

<div class="row-fluid"> 
    <div class="span1"> 
    <!-- empty --> 
    </div> 
    <div class="span5"> 
    <!-- content of left element (tree map) --> 
    </div> 
    <div class="span5"> 
    <!-- content of right element (datatables) --> 
    </div> 
    <div class="span1"> 
    <!-- empty --> 
    </div> 
</div> 
Verwandte Themen