Подтвердить что ты не робот

Сделать Twitter Загрузочный navbar работать как вкладки

Есть ли способ сделать навигационную панель (которая, как представляется, предназначена для ссылки на другие страницы), ведет себя как набор навигационных вкладок (которые остаются на одной странице, скрывая все, кроме нужного раздела)?

На самом деле, мой navbar работает так, как я хочу, но только если я не называю $(".nav-tabs").button(), что мне нужно для других вещей. Теперь ни одно из свертывания/разворачивания не происходит.

Здесь код (который является довольно котельной):

<div class="navbar navbar-fixed-top">
 <div class="navbar-inner">
  <div class="container">
   <div class="nav-collapse collapse">
    <ul id="tab" class="nav">
     <li class="active"><a href="#Tab1" data-toggle="tab">Tab1</a></li>
     <li><a href="#Tab2" data-toggle="tab">Tab2</a></li>
     <li><a href="#Tab3" data-toggle="tab">Tab3</a></li>
    </ul>
    <a class="brand" href="#">NavTab Demo</a>
   </div>
  </div>
 </div>
</div>
<div class="container-fluid">
 <div class="row-fluid">
  <div class="span12">
   <div class="tab-content">
    <div class="tab-pane active" id="Tab1">
...
4b9b3361

Ответ 1

Я не вижу какой-либо очевидной проблемы при подключении ваших навигационных ссылок в качестве вкладок.

Вам просто нужно опустить классы вкладок, чтобы не переопределять стили навигатора и не забывайте атрибуты data- (если необходимо).

Затем вы должны использовать активацию JavaScript, как указано в docs (или использовать атрибут data-toggle="tab").

Все должно работать.

Изменить: для потомков вам нужно включить ОДИН из bootstrap-tab.js или bootstrap.js (или мини-версию) и связанные с ним файлы css.