ブートストラップ付きのアクティブなボタン3

Question

私のナビゲータでは、ボタンをクリックするとボタンがアクティブ（影付き）になります。今、私は永久にそれらをアクティブまたは非アクティブにすることができますが、一度クリックすると変更する方法がわかりません。私は新しいBootstrap（3.0）を使用しています。例えば

：

非アクティブ

<li><%= link_to "Contact", contact_path %></li> 

私はそれが現在のページがあるかどうかに応じて、アクティブ/非アクティブにしたい

<li class="active"><%= link_to "About", about_path %></li> 

アクティブ選択されたかどうか。

Answer 1

JavaScriptを使用してください。 jQueryを使って

例：

$('ul li').click(function() { 
    $(this).addClass('active').siblings().removeClass('active'); 
    }); 

DEMO

以上のブートストラップ付き：

Bootstrap 3 DEMO

Answer 2

簡単なナビゲーション宝石でloookedことがありますか？

https://github.com/andi/simple-navigation

それは、この機能が組み込まれています。

Answer 3

あなたは一例 ホーム応答のための