Перефразируйте вопрос. Совершенно не понятно, что вам нужно сделать.

Как сделать выделение активной ссылки в меню?

Нужно сделать выделение активного (нажатого) раздела/ссылки в меню. Какой нужно добавить js из bootstrap и что нужно добавить в само меню.

<ul class="nav nav-pills">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Profile</a></li>
  <li><a href="#">Messages</a></li>
</ul>

Выделение? Визуальное? Т.е. дизайн? Если так, то:

CSS:

nav .nav-pills ul > li > a:active {
  color: green;
}

class=«active» делает пункт меню выделенным. Вы же сами в примере это написали.

Если вы спрашиваете, как делать активным пункт меню соответствующий текущей странице, то это делается при формировании страниц на сервере. Ставьте .active у того элемента, который соответствует текущей странице.

Руками делай

Посмотрите пожалуйста верхнее меню, как происходит выделение активного (нажатого) раздела/ссылки. getbootstrap.com

Как сделать такую же функцию у себя на сайте.

<ul class="nav nav-pills">
<li class="active"><a href="/">Главная</a></li>
<li><a href="free-vpn.html">Бесплатный VPN</a></li>
<li><a href="program.html">Программы</a></li>
<li><a href="anonymizer.html">Анонимайзер</a></li>
<li><a href="your-ip.html">Ваш IP</a></li>
<li><a href="articles.html">Статьи</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>

Сервер ставит в шаблоне у выбранной лишки класс active. Как-то так:

<li<%= " class='active'" if current_page?('/') %>><a href="/">Главная</a></li>
<li<%= " class='active'" if current_page?('/free-vpn') %>><a href="/free-vpn">VPN</a></li>