Geek asks and answers

Mesh 960gs in mesh

How to make more grids inside another grid?

For instance,

I have 2 columns with 2 or more columns inside the left side:

------------------   ---------
|                |   |       |
|  ______   ___  |   |       | 
|  |     |  |  | |   |       |
|  |_____|  |__| |   |       |
|                |   |       |
|________________|   |_______|

If I do (container_24):

<div class="grid_16">
    <div class="prefix_3 grid_6 suffix_2"></div>
    <div class="grid_4 suffix_1"></div>
</div>

<div class="grid_8">
</div>

This will cause problems due to filling in the grids. Is there a reset system, so I can use a mini-grid inside another grid?

+3
source share
2 answers

If you want to have a set of grids inside the grid, you use the .alphaand classes .omega.

<div class="container_24">
    <div class="grid_16">
        <div class="prefix_3 grid_6 suffix_2 alpha"></div>
        <div class="grid_4 suffix_1 omega"></div>
    </div>

    <div class="grid_8">
</div>

.alpha - removes the marker on the left

.omega - removes the right side of the field

+6
source

When I come across something similar, I usually take one of two approaches:

  • . prefix_3 prefix_2, grid_6 grid_5, suffix_2 suffix_1.

  • .

0

More articles:


All Articles