دکمه ها توضیحات عنوان صفحه در اینجا می رود...

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-black">Black</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-purple">Purple</button>
<button type="button" class="btn btn-indigo">Indigo</button>
<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-pink">Pink</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-yellow">Yellow</button>
<button type="button" class="btn btn-teal">Teal</button>
<button type="button" class="btn btn-success">Success</button>

<button type="button" class="btn btn-outline-default">Default</button>
<button type="button" class="btn btn-outline-silver">Silver</button>
<button type="button" class="btn btn-outline-black">Black</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-purple">Purple</button>
<button type="button" class="btn btn-outline-indigo">Indigo</button>
<button type="button" class="btn btn-outline-link">Link</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-pink">Pink</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-yellow">Yellow</button>
<button type="button" class="btn btn-outline-teal">Teal</button>
<button type="button" class="btn btn-outline-success">Success</button>

<!-- large button -->
<button type="button" class="btn btn-primary btn-lg">Large button</button>

<!-- small button -->
<button type="button" class="btn btn-primary btn-sm">Small button</button>

<!-- active state -->
<a href="#" class="btn btn-primary btn-lg active">Primary link</a>
<a href="#" class="btn btn-secondary btn-lg active">Link</a>

<!-- disabled state -->
<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button>
<button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>

<div class="btn-group">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

<div class="btn-group btn-group-lg">...</div>
<div class="btn-group">...</div>
<div class="btn-group btn-group-sm">...</div>

<div class="btn-group-vertical">...</div>

<div class="btn-toolbar">
  <div class="btn-group mr-2">
    <button type="button" class="btn btn-secondary">1</button>
    <button type="button" class="btn btn-secondary">2</button>
    <button type="button" class="btn btn-secondary">3</button>
    <button type="button" class="btn btn-secondary">4</button>
  </div>
  <div class="btn-group mr-2">
    <button type="button" class="btn btn-secondary">5</button>
    <button type="button" class="btn btn-secondary">6</button>
    <button type="button" class="btn btn-secondary">7</button>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-secondary">8</button>
  </div>
</div>