Responsive Grid
These modular elements can be readily used and customized across pages and in different blocks.
Explore all of Lapus's modular elements
at the
Element Index Page →
Bootstrap Grid
Lapus runs atop the Bootstrap Grid - a 12 column grid system that allows you to quickly and easily create layouts for desktop, tablet and mobile screen sizes.
Columns are housed inside rows, and rows inside containers to form the main structure of the page.
<div class="container"> <div class="row"> <div class="col-md-12">...</div> </div><!--end of row--> </div><!--end of container-->
Twelve Columns
仪式的时候，我最喜欢的大提琴曲响起，他僵硬的走到我与父亲面前。我还在纳闷他的形体怎么如此不协调，才发现，他已激动得嘴巴轻颤，两眼通红。不了解他的时候，总觉得他是一个稍显冷淡的人。后来才知道，他对看重的人很是上心，表面无所谓，实则内心已演练多遍。只是没想到，婚礼上，先崩不住的人是他。虽然后来我也没绷住，完全是被他带的。哈哈哈哈！只是可惜，他没在仪式上说出爱我的话。 D我以为，结婚时会百感交集，实则心平气和，只觉累与困。看到几年不见的同学甚是欣喜，只是有的人仍旧没有来。
Six Columns
仪式的时候，我最喜欢的大提琴曲响起，他僵硬的走到我与父亲面前。我还在纳闷他的形体怎么如此不协调，才发现，他已激动得嘴巴轻颤，两眼通红。不了解他的时候，总觉得他是一个稍显冷淡的人。后来才知道，他对看重的人很是上心，表面无所谓，实则内心已演练多遍。只是没想到，婚礼上，先崩不住的人是他。虽然后来我也没绷住，完全是被他带的。哈哈哈哈！只是可惜，他没在仪式上说出爱我的话。 D我以为，结婚时会百感交集，实则心平气和，只觉累与困。看到几年不见的同学甚是欣喜，只是有的人仍旧没有来。
Six Columns
仪式的时候，我最喜欢的大提琴曲响起，他僵硬的走到我与父亲面前。我还在纳闷他的形体怎么如此不协调，才发现，他已激动得嘴巴轻颤，两眼通红。不了解他的时候，总觉得他是一个稍显冷淡的人。后来才知道，他对看重的人很是上心，表面无所谓，实则内心已演练多遍。只是没想到，婚礼上，先崩不住的人是他。虽然后来我也没绷住，完全是被他带的。哈哈哈哈！只是可惜，他没在仪式上说出爱我的话。 D我以为，结婚时会百感交集，实则心平气和，只觉累与困。看到几年不见的同学甚是欣喜，只是有的人仍旧没有来。
Four Columns
仪式的时候，我最喜欢的大提琴曲响起，他僵硬的走到我与父亲面前。我还在纳闷他的形体怎么如此不协调，才发现，他已激动得嘴巴轻颤，两眼通红。不了解他的时候，总觉得他是一个稍显冷淡的人。后来才知道，他对看重的人很是上心，表面无所谓，实则内心已演练多遍。只是没想到，婚礼上，先崩不住的人是他。虽然后来我也没绷住，完全是被他带的。哈哈哈哈！只是可惜，他没在仪式上说出爱我的话。 Duis aute irure dolor in reprehenderit in voluptate velit.
Four Columns
仪式的时候，我最喜欢的大提琴曲响起，他僵硬的走到我与父亲面前。我还在纳闷他的形体怎么如此不协调，才发现，他已激动得嘴巴轻颤，两眼通红。不了解他的时候，总觉得他是一个稍显冷淡的人。后来才知道，他对看重的人很是上心，表面无所谓，实则内心已演练多遍。只是没想到，婚礼上，先崩不住的人是他。虽然后来我也没绷住，完全是被他带的。哈哈哈哈！只是可惜，他没在仪式上说出爱我的话。 Duis aute irure dolor in reprehenderit in voluptate velit.
Four Columns
仪式的时候，我最喜欢的大提琴曲响起，他僵硬的走到我与父亲面前。我还在纳闷他的形体怎么如此不协调，才发现，他已激动得嘴巴轻颤，两眼通红。不了解他的时候，总觉得他是一个稍显冷淡的人。后来才知道，他对看重的人很是上心，表面无所谓，实则内心已演练多遍。只是没想到，婚礼上，先崩不住的人是他。虽然后来我也没绷住，完全是被他带的。哈哈哈哈！只是可惜，他没在仪式上说出爱我的话。 Duis aute irure dolor in reprehenderit in voluptate velit.
Three Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Three Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Three Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Three Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.