Buttons
Button Unstyled
This is resets Boostrap 4's
.btnstyles so that a button can be styled like a link. You can omit the.btnclass to retain the browser default focus style. This was created to help those that are concerned about the separation between content and presentation.
Browsers will generally apply the focus outline on click for buttons which might throw off the presentation if buttons and links are mixed. It will require detailed attention to hover, focus, and active styles.
Anchor
Buttons with Icons
Use
inline-item inline-item-before,inline-item inline-item-middle, andinline-item inline-item-afterto space inline icons inside buttons.
For this component to space properly, all white spaces must be removed from the markup inside the button. See Utilities - Inline Item for more details.