Bootstrap-Gitter funktioniert nicht auf dynamische Spalte

Ich habe einige Daten in While-Schleife und es erzeugt Daten in Col-MD-12, aber es funktioniert nicht so, wie es soll.Bootstrap-Gitter funktioniert nicht auf dynamische Spalte

<div class="row"> 
while(...) { 
<div class="col-md-4"> 
... 
</div> 
} 
</div>

Ausgang ist so etwas wie

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

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

ich nicht Zeile in while-Schleife sonst 3 col erscheinen setzen können nicht. Irgendeine Lösung für dieses Problem?

Dank

Quelle

2017-02-28 Phoenix

Bitte klären Sie, verwenden Sie 'col-md-4' wie im Bild gezeigt, oder' col-md-12'? – ZimSystem

sorry ich meinte col-md-4 – Phoenix

Das Gitter funktioniert perfekt. es ist das CSS, das versaut ist. Sie müssen den Inhalt dieser divs miteinander synchronisieren, verwenden Sie nur zwei Zeilen oder nur drei Zeilen. Wenn Sie zufälligen Inhalt haben, der von der Datenbank kommt, die ich seinen Fall nehme, dann verwenden Sie die Funktion substr(), um nur feste Zeichen anzuzeigen, sagen 60-80 Zeichen. –

Bootstrap-Säule arbeitet hier. Aber hier ist ein anderes Problem.

Es gibt 'float: links;' in der Bootstrap-Spalte. Aus diesem Grund ist es sehr wichtig, die gleiche Höhe Ihrer Boxen zu erreichen.

Also bestätigen Sie einfach, dass alle Boxen Höhe gleich ist und Ihr Problem gelöst wird.

Quelle

2017-02-28 05:27:10 Rifat

Sie sind nicht als Inhalt, sie werden dynamisch generiert. Wie macht man dieselbe Höhe? – Phoenix

In der Box kann die Höhe von Header-Tag und P-Tag variieren. So verwenden - h2 { Höhe: Ihre Wahl; Überlauf: versteckt; } p { Höhe: Ihre Wahl; Überlauf: versteckt; } – Rifat

Bootstrap-Gitter funktioniert nicht auf dynamische Spalte

Antwort

Verwandte Themen