LEGRID, Пример работы

1

2

3

4

5

6

7

8

9

10

11

12

<div class="container col-margin">
	<div class="content">
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">1</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">2</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">3</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">4</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">5</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">6</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">7</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">8</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">9</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">10</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">11</div>
		</div>
		<div class="col col-mb-12 col-6 col-dt-4 col-ld-3 col-margin-bottom">
			<div class="demo">12</div>
		</div>
	</div>
</div>

Копировать код примера

Открыть пример в новом окне