Button color bootstrap

Bootstarp btn colors

<button type="button" class="btn btn-primary">Blue</button>
<button type="button" class="btn btn-secondary">Grey</button>
<button type="button" class="btn btn-success">Green</button>
<button type="button" class="btn btn-danger">Red</button>
<button type="button" class="btn btn-warning">Yellow</button>
<button type="button" class="btn btn-info">Ligth blue</button>
<button type="button" class="btn btn-light">White</button>
<button type="button" class="btn btn-dark">Black</button>

<button type="button" class="btn btn-link">White with blue text</button>

Custom color bootstrap buttonm

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #8064A2 !important;
}

Source: stackoverflow.com

Button color bootstrap

<div class="btn-group btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2" autocomplete="off"> Radio
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3" autocomplete="off"> Radio
  </label>
</div>

Source: getbootstrap.com

Similar codes

18 votes333 views3 answers
Default checked radio button
Html
1 vote327 views1 answer
How to check where was the changes in a perticuler commit git
Html
0 vote331 views1 answer
How to say what happens on left click in HTML
Html
2 votes325 views2 answers
Clear input file html react
Html
0 vote336 views1 answer
Gre
Html
1 vote353 views1 answer
Headings
Html
-5 votes331 views5 answers
Happy New Year!
Html
1 vote420 views1 answer
Angular click stop propagation
Html
0 vote340 views1 answer
Multiple styles on one line
Html
1 vote363 views1 answer
Bootstrip link
Html