/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

5 votes320 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
145 votes362 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote326 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
-2 votes350 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
1 vote394 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
4 votes354 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote340 views1 answer
My drop down link won't work with bootstrap angular
Javascript Bootstrap
0 vote373 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap
127 votes388 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote309 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap