Milligram: Problem mit dem Gitter

Erstellt am 25. Feb. 2016  ·  5Kommentare  ·  Quelle: milligram/milligram

Hallo, ich habe mit Raster gearbeitet und ich habe eine Mitgliederseite mit mehr als 100 Profilkarten. Ich habe eine Zeile mit Spalte 25 erstellt, aber alles geht in einer Zeile.

Gibt es dafür eine Lösung? Ich brauche sie wie 4 in Reihe, dann weiter unten, jetzt sind sie alle in einer Zeile, mein Code geht so

<div class="row">
  <div class="column column-25"></div>
  <div class="column column-25"></div>
   <div class="column column-25"></div>
  <div class="column column-25"></div>
   <div class="column column-25"></div>
  <div class="column column-25"></div>
   <div class="column column-25"></div>
  <div class="column column-25"></div>
</div>
bug question

Hilfreichster Kommentar

Sie müssen die Zeilenumbruchklasse hinzufügen:

<div class="row row-wrap">

Beachten Sie jedoch, dass die Verwendung die Browserunterstützung weiter einschränkt.

Alle 5 Kommentare

Sie müssen die Zeilenumbruchklasse hinzufügen:

<div class="row row-wrap">

Beachten Sie jedoch, dass die Verwendung die Browserunterstützung weiter einschränkt.

Mit dem gleichen Problem scheint das Hinzufügen von Zeilenumbruch nicht zu funktionieren:

http://codepen.io/steveoc64/pen/WwQgxG

Durch manuelles Überschreiben des Stils verhält es sich jedoch.

<div class="row" style="flex-wrap: wrap">

Ich weiß nicht genug über CSS, um zu verstehen, warum es sich nicht wie erwartet verhält.

Es gab ein Versehen von meiner Seite, es hätte sein sollen:

<div class="row">
    <div class="row-wrap">
        ....
    </div>
</div>

Dies scheint jedoch nicht zu funktionieren, da die angezeigte Vererbung der Anzeigeeigenschaft eher blockiert als flex ist. Vielleicht war das beabsichtigte Design das oben erwähnte. Mit anderen Worten, Ihre Lösung war wahrscheinlich die beabsichtigte Lösung.

Danke Imad ... die "Problemumgehung" macht den Trick für den Moment, aber ich werde auch versuchen, die anfängliche Absicht auch zum Laufen zu bringen.

Klingt vernünftig, wenn class = "row row-wrap" wie erwartet ausgeführt wird, ohne dass ein weiteres div darunter verschachtelt werden muss.

... ein weiterer Job für einen regnerischen Tag;)

Hi @ kresogalic8 Sie könnten das Problem lösen? #100

Im Moment werde ich dieses Problem schließen. Lassen Sie mich wissen, wenn wir noch etwas helfen können, und ich werde wieder öffnen.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

davedele picture davedele  ·  5Kommentare

roryprimrose picture roryprimrose  ·  7Kommentare

westtrade picture westtrade  ·  10Kommentare

negativefix picture negativefix  ·  7Kommentare

luisaceituno picture luisaceituno  ·  6Kommentare