Переопределение стилей Bootstrap

by Andrey Dobrovoi

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="demo">
<button type="button" class="btn btn-default btn-lg">Кнопка</button>
</div>

CSS

/* Новые стили для кнопки */
.btn-default  {
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#00b5e5),color-stop(100%,#008db2));
    background: -webkit-linear-gradient(top,#00b5e5,#008db2);
    background: linear-gradient(to bottom,#00b5e5,#008db2);
    background-color: #00A1CB;
    border-color: #007998;
    color: #FFF;
    text-shadow: 0 -1px 1px rgba(0,40,50,.35);     
}
/* стили демо блока */
.demo {
    max-width: 400px;
    padding: 25px;
    margin: 45px auto;
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    text-align: center;
}