Box Div in falscher Reihenfolge

ich mehrere Div Boxen wie diese unten haben:Box Div in falscher Reihenfolge

<div class="col-sm-4 col-md-4 col-xs-12 text-center"> 
    <div class="carCard"> 
    <h2 class="text-center">Box 1</h2> 
    <p> 
     Conent Here 
    </p> 
    </div> 
</div>

Wenn jedoch der Inhalt <p> groß werden, erhalten die Boxen, um vermisste, siehe Beispiel: https://jsfiddle.net/3oq8h3vy/2/

Sie kann Kasten 1, Kasten 2, Kasten 3 sehen und Reihe dann senden: Kasten 5, Kasten 6 und Kasten 4.

Wie man das repariert?

Quelle

2017-04-30 I' ll-Be-Back

suchen Sie gleiche Höhe für alle Boxen zu halten oder es ist in Ordnung Beide in zwei Reihen –

@NagaSaiA inline mit ungleicher Höhe zu sein. gleiche Höhe für alle Boxer und in der richtigen Reihenfolge. –

ersetzen CSS

.carCard { 
    border: 3px solid #ebebeb; 
    padding-bottom: 20px; 
    margin-bottom: 40px; 
    height:150px; 
    overflow:auto; 
    overflow-x:hidden; 
}

Quelle

2017-04-30 16:10:48

gibt es zwei Lösung man kann die gleiche Höhe für die CarCard-Klasse verwenden.

und zweite ist man dort in einer Reihe und drei weiteren in anderer Reihe einpacken kann usw.

Oder können Sie gleiche Höhe für p-Tag mit in CARCARD verwenden.

Quelle

2017-04-30 16:07:31

Box Div in falscher Reihenfolge

Antwort

Verwandte Themen