##### Menu

- ##### Getting Started

- Introduction
- Environment setup
- Working with Gulp
- Compiled Files
- File Structure
- Resources & assets
- Changelog

- ##### Foundation

- Typography
- Colors
- Shadows

- ##### Components (Bootstrap)

- Accordion
- Alerts
- Back to top
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Collapse
- Dropdowns
- List group
- Modal
- Navs & tabs
- Offcanvas
- Pagination
- Placeholders
- Popovers
- Progress
- Scrollspy
- Spinners
- Tables
- Toasts
- Tooltips

- ##### Forms

- Basic Forms

- ##### Plugins

- Intl Tel Input
- Cleave js
- Glightbox
- Scrollcue js
- Swiper

- ##### Utilities

- Background
- Borders
- Colored Links
- Opacity
- Ratio
- Stacks
- Colors
- Text
- Text truncation
- Vertical rule

# Vertical rule

Use the custom vertical rule helper to create vertical dividers like the

element.

## Example

- Preview
- Code

    <!--vertical rule-->
    <div class="vr"></div>

## With stacks

- Preview
- Code

First item
Second item
Third item
Code