Горизонтальная прокрутка Bootstrap Вкладки

Question

Как показать вкладку один на один, если я нажимаю на следующую или предыдущую кнопку из этого случая

my fiddle

<ul class="nav nav-tabs list" id="myTab"> 
    <li class="active"><a href="#home">Home</a></li> 
    <li><a href="#profile">Profile</a></li> 
    <li><a href="#messages">Messages</a></li> 
    <li><a href="#settings">Settings</a></li> 
    <li><a href="#">Tab4</a></li> 
    <li><a href="#">Tab5</a></li> 
    <li><a href="#">Tab6</a></li> 
    <li><a href="#">Tab7</a></li> 
    <li><a href="#">Tab8</a></li> 
    <li><a href="#">Tab17</a></li> 
    </ul> 

Answer 1

Просто добавьте:

$('#myTab a').click(function (e) { 
    e.preventDefault() 
    $(this).tab('show') 
}); 

вам JavaScript. А затем добавьте HTML для содержимого табуляции.