1

I have the following columns inside this row; however, I don't think they are floating correctly. Does a row need wrap every time there is 12 columns?

Is there a way to automatically flow in Materialize framework?

Thank you in advance!

<div class="row">
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
  <div class="col s3">This div is 3-columns wide</div>
</div>
Ken Ryan
  • 539
  • 1
  • 10
  • 31
  • No, you don't need to make a row every 12 columns, it should just fit it correctly. Could you post more details of how the layout is being rendered and what your expectations are? – Enmanuel Rivera Jul 17 '16 at 21:39

1 Answers1

0

From their docs:

Remember when you are creating your layout that all columns must be contained inside a row...

Since their grid system uses the traditional 12-column model, this would be the max column size you would be able to fit in a single row.

adriennetacke
  • 1,726
  • 1
  • 14
  • 21