karma

/webapp

Version 1.0.0

  Lock Screen
3

Hello you...

Checkout the bootstrap extend grid, or raster as we call it.

Layout

The layout plugin allows you to set up resizable frames. Below we used a simple left, right and bottom layout(you can do more with this plugin!).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lobortis porta mi, a tempor dolor interdum non. Ut a dui vel libero volutpat euismod. Vestibulum gravida adipiscing risus, quis volutpat nisl sollicitudin eleifend. Etiam pellentesque accumsan magna quis consectetur. Nunc ut turpis nisi, a dictum eros. Suspendisse in lacus sem, at eleifend neque. Maecenas posuere nisi a metus rutrum tincidunt. Vivamus euismod feugiat velit, et suscipit sapien ultrices in. Donec faucibus arcu nec lectus aliquet non pulvinar est congue. Phasellus sit amet ante justo, ut malesuada quam. Quisque sagittis quam eget velit interdum volutpat. Morbi dolor sem, molestie sit amet egestas id, tempus id erat. Donec imperdiet consectetur massa, eu eleifend mi consequat ut.
5
2
5
6
6
7
2
3
8
2
2
9
1
1
1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lobortis porta mi, a tempor dolor interdum non. Ut a dui vel libero volutpat euismod. Vestibulum gravida adipiscing risus, quis volutpat nisl sollicitudin eleifend. Etiam pellentesque accumsan magna quis consectetur. Nunc ut turpis nisi, a dictum eros. Suspendisse in lacus sem, at eleifend neque. Maecenas posuere nisi a metus rutrum tincidunt. Vivamus euismod feugiat velit, et suscipit sapien ultrices in. Donec faucibus arcu nec lectus aliquet non pulvinar est congue. Phasellus sit amet ante justo, ut malesuada quam. Quisque sagittis quam eget velit interdum volutpat. Morbi dolor sem, molestie sit amet egestas id, tempus id erat. Donec imperdiet consectetur massa, eu eleifend mi consequat ut.
Top

Grid

Bootstrap default gird. From 1 to 12 columns.

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
5
2
5
6
6
7
2
3
8
2
2
9
1
1
1
10
2
11
1
12
Top

Raster

Raster is a Bootstrap default gird, but this gird has no gutter(margin/padding) and can be used with borders(lines). The borders are seperate elements, this way you can build your own raster. The raster class works on children grid elements, this means that you can use the default grid inside the raster. The lines have 2 classes, one for the position and the other for the responsive part(xs,sm,md,lg) to make sure it will match the bootstrap grid.

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
5
2
5
6
6
7
2
3
8
2
2
9
1
1
1
10
2
11
1
12(with default grid inside)
5
2
5
6
6
7
2
3
8
2
2
9
1
1
1