Подскажите пожалуйста
нужно что-бы при нажатии на
<li class="active"><a href="#home" data-toggle="tab">Главная</a></li>
Опускалось к
<div class="tab-pane active" id="home">...</div>
Но только до ширины экрана 768px
Есть такой код
Стандартный Табы в Bootstrap 3
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Главная</a></li>
<li><a href="#profile" data-toggle="tab">Профиль</a></li>
<li><a href="#messages" data-toggle="tab">Сообщения</a></li>
<li><a href="#settings" data-toggle="tab">Настройки</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="home">...</div>
<div class="tab-pane" id="profile">...</div>
<div class="tab-pane" id="messages">...</div>
<div class="tab-pane" id="settings">...</div>
</div>