bootstrap扩展 按钮在http://blog.koalite.com/bbg/里进行调节

.btn-sample {
    color: #ffffff;
    background-color: #28BD1B;
    border-color: #F20885;
}

.btn-sample:hover,
.btn-sample:focus,
.btn-sample:active,
.btn-sample.active,
.open .dropdown-toggle.btn-sample {
    color: #ffffff;
    background-color: #242B7A;
    border-color: #F20885;
}

.btn-sample:active,
.btn-sample.active,
.open .dropdown-toggle.btn-sample {
    background-image: none;
}

.btn-sample.disabled,
.btn-sample[disabled],
fieldset[disabled] .btn-sample,
.btn-sample.disabled:hover,
.btn-sample[disabled]:hover,
fieldset[disabled] .btn-sample:hover,
.btn-sample.disabled:focus,
.btn-sample[disabled]:focus,
fieldset[disabled] .btn-sample:focus,
.btn-sample.disabled:active,
.btn-sample[disabled]:active,
fieldset[disabled] .btn-sample:active,
.btn-sample.disabled.active,
.btn-sample[disabled].active,
fieldset[disabled] .btn-sample.active {
    background-color: #28BD1B;
    border-color: #F20885;
}

.btn-sample .badge {
    color: #28BD1B;
    background-color: #ffffff;
}

这是网站自动生成的。拿过来用就行

<div class="btn btn-sample">nihao</div>

就可以