Головна‎ > ‎Bootstrap 4‎ > ‎Додатково‎ > ‎Bootstrap 3‎ > ‎

Кнопки

  <h2>Стилі кнопок</h2>

  <button type="button" class="btn"> Basic </button>
  <button type="button" class="btn btn-default"> Default </button>
  <button type="button" class="btn btn-primary"> Primary </button>
  <button type="button" class="btn btn-success"> Success </button>
  <button type="button" class="btn btn-info"> Info </button>
  <button type="button" class="btn btn-warning"> Warning </button>
  <button type="button" class="btn btn-danger"> Danger </button>
  <button type="button" class="btn btn-link"> Link </button> 



  <h2>Групи кнопок</h2>

  <h3>Великі:</h3>
  <div class="btn-group btn-group-lg">
    <button type="button" class="btn btn-primary">Apple</button>
    <button type="button" class="btn btn-primary">Samsung</button>
    <button type="button" class="btn btn-primary">Sony</button>
  </div>
  <h3>Звичайні:</h3>
  <div class="btn-group">
    <button type="button" class="btn btn-primary">Apple</button>
    <button type="button" class="btn btn-primary">Samsung</button>
    <button type="button" class="btn btn-primary">Sony</button>
  </div>
  <h3>Малі:</h3>
  <div class="btn-group btn-group-sm">
    <button type="button" class="btn btn-primary">Apple</button>
    <button type="button" class="btn btn-primary">Samsung</button>
    <button type="button" class="btn btn-primary">Sony</button>
  </div>
  <h3>Супермалі:</h3>
  <div class="btn-group btn-group-xs">
    <button type="button" class="btn btn-primary">Apple</button>
    <button type="button" class="btn btn-primary">Samsung</button>
    <button type="button" class="btn btn-primary">Sony</button>
  </div>



  <div class="btn-group-vertical">
    <button type="button" class="btn btn-primary">Apple</button>
    <button type="button" class="btn btn-primary">Samsung</button>
    <button type="button" class="btn btn-primary">Sony</button>
  </div>