Layout page
Use this page as your Layout need
Layout 1/2
Responsive
1
2
Non-Responsive
1
2
Layout 1/3
Responsive
1
2
3
Non-Responsive
1
2
3
Layout 1/4
Responsive
1
2
3
4
Non-Responsive
1
2
3
4
Layout 1/5
Responsive
1
2
3
4
5
Non-Responsive
1
2
3
4
5
Layout 2/2
Responsive
1
2
1
2
Non-Responsive
1
2
3
4
Layout 2/3
Responsive
1
2
3
4
5
6
Non-Responsive
1
2
3
4
5
6
Layout 2/4
Responsive
1
2
3
4
5
6
7
8
Non-Responsive
1
2
3
4
5
6
7
8
Layout 2/5
Responsive
1
2
3
4
5
1
2
3
4
5
Non-Responsive
1
2
3
4
5
6
7
8
9
10
Layout 3/2
Responsive
1
2
3
4
5
6
Non-Responsive
1
2
3
4
5
6
Layout 3/3
Responsive
1
2
3
4
5
6
7
8
9
Non-Responsive
1
2
3
4
5
6
7
8
9
Layout 3/4
Responsive
1
2
3
4
5
6
7
8
9
10
11
12
Non-Responsive
1
2
3
4
5
6
7
8
9
10
11
12
Layout 3/5
Responsive
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Non-Responsive
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Nested Grid (3 per Row on PC, 1 per Row on Mobile)
Box 1.1
Box 1.2
Box 1.3
Box 2.1
Box 2.2
Box 2.3
Box 3.1
Box 3.2
Box 3.3
Responsive Order Example (Box 2 First on Mobile)
Box 1
Box 2
5 Divs in 3 Rows (2-1-2 Responsive)
Box 1
Box 2
Box 3
Box 4
Box 5
4 Divs in 3 Rows (1-2-1 Responsive)
Box 1
Box 2
Box 3
Box 4
6 Divs in 2 Rows (1 of 3, 2 of 3 (wider), 3 of 3)
Box 1
Box 2
Box 3
Box 4
Box 5
Box 6
...
Modal title
Here goes modal body content
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
Notifications
John Jackson
Just sent over regional sales. If you can let me know by the end...
5 mins ago
Peter Smith
Hi Rob, can we setup a meeting for tomorrow around 2pm...
30 mins ago
Helen Lewis
Need to arrange for this year's Office lisences. Have to add two team licenses...
43 mins ago