Search
 
SCRIPT & CODE EXAMPLE
 

HTML

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>
Comment

bootstrap blue outline button

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

bootstrap button outline

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

button outline bootstrap

Button-bootstrap

<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>
Comment

PREVIOUS NEXT
Code Example
Html :: html lowercase 
Html :: html click to call 
Html :: target blank 
Html :: html starting tag 
Html :: how to embed audio in html 
Html :: video url html 
Html :: youtube iframe autoplay not working 
Html :: flex 2 columns per row 
Html :: back link a html 
Html :: mdb input bg 
Html :: chrome clear cache for one site 
Html :: html sms link iphone 
Html :: dutch phone pattern html 
Html :: jquery Uncaught ReferenceError: $ is not defined 
Html :: spawn mob without ai 
Html :: how to disable password autofill in react 
Html :: md bootstrap cdn 
Html :: bootstrap 5 change size of icon 
Html :: html no drag image 
Html :: Checkbox checked border radius CSS 
Html :: how to limit characters in contenteditable div 
Html :: meter balise 
Html :: how to make circle button in bootstrap 
Html :: how to leave an empty row in html table 
Html :: HOW TO USE A video on a html website from youtube 
Html :: html note 
Html :: html video fullscreen 
Html :: read only attribute in html 
Html :: html href to gmail 
Html :: top bar html 
ADD CONTENT
Topic
Content
Source link
Name
1+8 =