2016-03-31 9 views
5

Ich habe eine PHP-Seite mit ein paar Elementen auf einer Seite. Ich möchte drei Spalten auf großen Monitoren, aber das ist es, was es tut. Eine Spalte überspringt nur zwei Spalten auf der ersten Seite. Das macht es nicht, wenn es vier Spalten gibt, aber ich möchte drei.Bootstrap-Spalten überspringen zwei Plätze

Es gibt keinen anderen Stil auf Spalten, also warum tut es das?

This is what "insperct element" reveals.

Antwort

1

seine Höhe über Elemente. Sie können die Reihe klassifiziert divs wie folgt verwenden.

<div class="row"> 
    <div class="col-md-4 col-sm-6 col-xs-12">...</div> 
    <div class="col-md-4 col-sm-6 col-xs-12">...</div> 
    <div class="col-md-4 col-sm-6 col-xs-12">...</div> 
</div> 
<div class="row"> 
    <div class="col-md-4 col-sm-6 col-xs-12">...</div> 
    <div class="col-md-4 col-sm-6 col-xs-12">...</div> 
    <div class="col-md-4 col-sm-6 col-xs-12">...</div> 
</div> 
+0

Das ist nicht gut, denn wenn es zwei Spalten geben soll, gibt es immer eine Zeile mit zwei Spalten und eine Zeile mit einer Spalte. –

+0

So können Sie versuchen, gleiche Werte für alle _.item_ classified divs anzugeben. Der Screenshot, den Sie angehängt haben, scheint so zu sein, als wäre der zweite Eintrag länger als andere. ** vielleicht mit _max-height_ – Tanbi

+1

Einstellung der Höhe half. Danke. –

3

Tanbi der Vorschlag ist gut, wie pro Bootstrap-Richtlinien, aber wenn Sie nicht .rowdiv zwischen dem Element hinzufügen wollen div Sie unten erwähnt können css

.col-md-4:nth-child(3n+3) + .col-md-4{clear:both;} 

Ich bin nicht sicher aber ich denke, es ist Arbeit.

+0

PERFEKTION !! Danke! – spb

Verwandte Themen