Milligram: Masalah dengan jaringan

Dibuat pada 25 Feb 2016 · 5Komentar · Sumber: milligram/milligram

Halo, saya bekerja dengan grid dan saya memiliki halaman anggota yang memiliki 100+ kartu profil. Saya membuat satu baris dengan kolom-25 tetapi semuanya berjalan dalam satu baris.

Apakah ada solusi untuk itu? saya membutuhkan mereka seperti 4 berturut-turut lalu berikutnya di bawah, sekarang mereka semua dalam satu baris, kode saya berjalan seperti ini

<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

Sumber

kresogalic8

Komentar yang paling membantu

Anda perlu menambahkan kelas row-wrap:

<div class="row row-wrap">

Namun perlu dicatat, bahwa menggunakannya semakin membatasi dukungan browser.

ImadJomaa pada 4 Mar 2016

👍3

Semua 5 komentar

Anda perlu menambahkan kelas row-wrap:

<div class="row row-wrap">

Namun perlu dicatat, bahwa menggunakannya semakin membatasi dukungan browser.

ImadJomaa pada 4 Mar 2016

👍3

Memiliki masalah yang sama, menambahkan row-wrap sepertinya tidak berhasil:

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

Namun, mengganti gaya secara manual membuatnya berperilaku.

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

Saya tidak cukup tahu tentang CSS untuk menjelaskan mengapa tidak berperilaku seperti yang diharapkan.

steveoc64 pada 5 Mar 2016

Ada pengawasan di pihak saya, seharusnya:

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

Meskipun, ini tampaknya tidak berfungsi karena warisan yang muncul dari properti tampilan menjadi blok daripada fleksibel. Mungkin desain yang dimaksudkan seperti itu. Dengan kata lain, solusi Anda mungkin merupakan solusi yang diinginkan.

ImadJomaa pada 7 Mar 2016

Terima kasih Imad ... "solusi" berhasil untuk saat ini, tetapi saya juga akan mencoba membuat maksud awal berhasil juga.

Kedengarannya masuk akal untuk memiliki class = "row row-wrap" yang berfungsi seperti yang diharapkan, tanpa harus menumpuk div lain di bawahnya.

... pekerjaan lain untuk hari hujan;)

steveoc64 pada 8 Mar 2016

Hai @ kresogalic8 Anda dapat mengatasi masalah ini? # 100

Untuk saat ini saya akan menutup masalah ini. Beri tahu saya jika ada hal lain yang bisa kami bantu dan saya akan buka kembali.