Default arrow
Simply use class arrow-default
Primary arrow
Simply use class arrow-primary
Success arrow
Simply use class arrow-success
Info arrow
Simply use class arrow-info
Warning arrow
Simply use class arrow-warning
Danger arrow
Simply use class arrow-danger
Danger outline arrow
Simply use class arrow-outline-danger
Warning outline arrow
Simply use class arrow-outline-warning
Info outline arrow
Simply use class arrow-outline-info
Success outline arrow
Simply use class arrow-outline-success
Primary outline arrow
Simply use class arrow-outline-primary
Default outline arrow
Simply use class arrow-outline-default
Sizes and Positions
In addition to three different sizes of the arrow, it can also be moved to different positions.Large arrow (center)
Simply use class arrow-lg
Small arrow (center)
Simply use class arrow-sm
Default arrow (center)
No class required for default size.
Default arrow (center)
No class required for default size.
variables.scss
.