forked from getchopstick/chopstick-boilerplate
-
Notifications
You must be signed in to change notification settings - Fork 0
/
grid.html
executable file
·62 lines (59 loc) · 2.33 KB
/
grid.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
---
layout: default
title: Grid
section: grid
---
<div class="holder grid-holder">
<div class="row">
<div class="grid-3 bp2-grid-6"><div class="inner">grid-3 bp2-grid-6</div></div>
<div class="grid-3 bp2-grid-6"><div class="inner">grid-3 bp2-grid-6</div></div>
<div class="grid-3 bp2-grid-6"><div class="inner">grid-3 bp2-grid-6</div></div>
<div class="grid-3 bp2-grid-6 last-col"><div class="inner">grid-3 bp2-grid-6</div></div>
</div>
<div class="row">
<div class="grid-4"><div class="inner">grid-4</div></div>
<div class="grid-4"><div class="inner">grid-4</div></div>
<div class="grid-4 last-col"><div class="inner">grid-4</div></div>
</div>
<div class="row">
<div class="grid-6"><div class="inner">grid-6</div></div>
<div class="grid-6 last-col"><div class="inner">grid-6</div></div>
</div>
<div class="row">
<div class="grid-5"><div class="inner">grid-5</div></div>
<div class="grid-7 last-col"><div class="inner">grid-7</div></div>
</div>
<div class="row">
<div class="grid-4"><div class="inner">grid-4</div></div>
<div class="grid-8 last-col"><div class="inner">grid-8</div></div>
</div>
<div class="row">
<div class="grid-3"><div class="inner">grid-3</div></div>
<div class="grid-9 last-col"><div class="inner">grid-9</div></div>
</div>
<div class="row">
<div class="grid-4"><div class="inner">grid-4</div></div>
<div class="grid-8 last-col">
<div class="row">
<div class="grid-6"><div class="inner">grid-6 inside grid-8</div></div>
<div class="grid-6"><div class="inner">grid-6 inside grid-8</div></div>
</div>
</div>
</div>
<div class="row">
<div class="grid-3 push-left-9 "><div class="inner">grid-3 push-left-9</div></div>
<div class="grid-9 pull-left-3"><div class="inner">grid-9 pull-left-3</div></div>
</div>
<div class="row">
<div class="grid-4 push-left-8"><div class="inner">grid-4 push-left-8</div></div>
<div class="grid-8 pull-left-4"><div class="inner">grid-8 pull-left-8</div></div>
</div>
<div class="row">
<div class="grid-5 push-left-7"><div class="inner">grid-5 push-left-7</div></div>
<div class="grid-7 pull-left-5"><div class="inner">grid-7 pull-left-5</div></div>
</div>
<div class="row">
<div class="grid-6 push-left-6"><div class="inner">grid-6 push-left-6</div></div>
<div class="grid-6 pull-left-6"><div class="inner">grid-6 pull-left-6</div></div>
</div>
</div>