Sidebar
The sidebar is composed of 3 utility classes that control the background colour, border colour, and padding. Use these classes on a <div> element to create a stylized section of content.
The width of the sidebar can be controlled with Bootstrap grid column classes or any other methods suitable for the website or application.
Light theme
Example title lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Nam augue libero, maximus non metus placerat
- Aliquet iaculis neque, duis imperdiet auctor finibus
Quisque ac nulla pharetra tempus mi at bibendum
Praesent condimentum gravida sem et semper. Aliquam pretium leo sapien, eget sodales nisl commodo elementum. Donec dictum, nulla id maximus ornare, ipsum . felis rutrum ligula, quis pretium mi dui quis ligula.
Fusce lacinia lobortis orci nec convallisMedium theme
Example title lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Nam augue libero, maximus non metus placerat
- Aliquet iaculis neque, duis imperdiet auctor finibus
Quisque ac nulla pharetra tempus mi at bibendum
Praesent condimentum gravida sem et semper. Aliquam pretium leo sapien, eget sodales nisl commodo elementum. Donec dictum, nulla id maximus ornare, ipsum . felis rutrum ligula, quis pretium mi dui quis ligula.
Fusce lacinia lobortis orci nec convallisCode
<!-- Light -->
<div class="bg-light border-light pad-md">
{{ Content }}
</div>
<!-- Medium -->
<div class="bg-medium border-medium pad-md">
{{ Content }}
</div>