change button primary color 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 "change button primary color bootstrap"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "change button primary color bootstrap"

Code answers related to "change button primary color bootstrap"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us