Button Outline Bootstrap

Learn how to set up an HTML button outline using Bootstrap in easy steps. The best features of the bootstrap borders are hover bg-colors and clicked colors. We can use this bootstrap class for all kinds of buttons

Types of bg color button

• btn-outline-primary: It sets text color to blue and border color to blue.
• btn-outline-secondary: It sets text color to mid-gray and border color to mid-gray.
• btn-outline-success: It sets the text color to green and border color to green.
• btn-outline-info: It sets the text color to pale blue and border color to pale blue.
• btn-outline-warning: It sets the text color to yellow and border color to yellow.
• btn-outline-danger: It sets the text color to red and border color to red.
• btn-outline-light: It sets the text color to light gray and border color to light gray.
• btn-outline-dark : It sets the text color to dark gray and border color to dark gray.

Example:

<input type="submit" class="btn-outline-primary">
<input type="submit" class="btn-outline-secondary">
<input type="submit" class="btn-outline-success">
<input type="submit" class="btn-outline-info">
<input type="submit" class="btn-outline-warning">
<input type="submit" class="btn-outline-danger">
<input type="submit" class="btn-outline-light">
<input type="submit" class="btn-outline-dark">

Output: