/CSS/Bootstrap/Bootstrap blue outline button

Bootstrap blue outline button

Bootstrap Outline buttons

In need of a button, but not the hefty background colors they bring? 
Replace the default modifier classes with the .btn-outline-* ones to 
remove all background images and colors on any button.

<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

Source: getbootstrap.com

Bootstrap button outline

<button type="button" class="btn btn-outline-primary" href="#">Primary</button>

Bootstrap blue outline button

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

Source: stackoverflow.com

Similar codes

-1 vote197 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
2 votes209 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote191 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote194 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
27 votes189 views5 answers
Angular bootstrap
Javascript Bootstrap
12 votes185 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
133 votes265 views6 answers
Using bootstrap with react
Javascript Bootstrap
145 votes283 views6 answers
Add bootstrap to react
CSS Bootstrap
9 votes236 views3 answers
Bootstrap badge color
CSS Bootstrap
2 votes210 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap