■ボタン:button:コンポーネント:アクティブ状態のボタンを作成する active

  <a href="#" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">アクティブボタン</a>
  <a href="#" class="btn btn-primary btn-lg" role="button">通常ボタン</a>
■ボタン:button:コンポーネント:切り替えボタンを作成する

  <button type="button" class="btn btn-primary active" data-toggle="button" aria-pressed="true" autocomplete="off">プッシュ状態</button>
  <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">未プッシュ状態</button>
■ボタン:button:コンポーネント:JavaScriptでボタンの動作 id指定 toggle-btn:js

  <button type="button" class="btn btn-primary" aria-pressed="true" autocomplete="off" id="toggle-btn">押してね</button>
<script>
  $("#toggle-btn").on('click', function() {
    $(this).button('toggle').text('押したね');
  });
</script>