Butoane

Default
Primary
Success
Info
Warning
Danger
Link

<button class=”btn btn-size btn-type” type=”button”>Danger</button>

btn-size (optional) una din variantele : btn-lg, btn-sm, btm-xs

type – una din variantele : default, primary, success, info, warning, danger, link

CSS pentru alte tipuri :

.btn-facebook {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));
    background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3b5998;
}

.btn-facebook:focus,.btn-facebook:hover {
    background-color: #c12e2a;
    background-position: 0 -15px;
}

.btn-facebook.active,.btn-facebook:active {
    background-color: #c12e2a;
    border-color: #3b5998;
}

.btn-facebook.disabled,.btn-facebook:disabled,.btn-facebook[disabled] {
    background-color: #c12e2a;
    background-image: none;
}