how to change btn color in bootstrap

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

bootstrap btn colors

<!-- Bootstrap v5.0 -->

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

<button type="button" class="btn btn-link">Link</button>

Posted by: Guest on February-27-2021

Source

.btn-default { background-color: #68889E; color:#FFF; border-color: #2F3E48; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #2F3E48; color:#FFF; border-color: #31347B; }

Code answers related to "how to change btn color in bootstrap"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "how to change btn color in bootstrap"

Code answers related to "how to change btn color in bootstrap"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us