avalanche icon indicating copy to clipboard operation
avalanche copied to clipboard

Add example of nested grid

Open bonysoft opened this issue 8 years ago • 4 comments

Can't find any nested grid samples. Confused with .grid/grid__cell usage in that scenario. Please help.

bonysoft avatar Jun 27 '17 15:06 bonysoft

Avalanche grids are infinitely nestable - all you need to do is put another .grid inside an existing .grid__cell.

<div class="grid">
  <div class="1/2 grid__cell">
    <div class="grid">
      <div class="1/4 grid__cell">

.grid is the grid wrapper. If you're coming from Bootstrap, for example, this would be .row. .grid__cell is used for each cell or column. In Bootstrap, this would be .col-*.

You are right that there are no explicit examples on the demo so I'll leave this here as a task to add it to the docs.

colourgarden avatar Jun 28 '17 06:06 colourgarden

Thanks for clarification, and for the great grid framework!

bonysoft avatar Jun 28 '17 06:06 bonysoft

Great Framework

dezudas avatar May 16 '18 11:05 dezudas

I am having problem when I add multiple class to support multiple device view.

dezudas avatar May 23 '18 04:05 dezudas