水平滚动引导选项卡

Question

How to show tab one by one if i click next or previous button from this case

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

Just add:

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

to you JavaScript. And then, add the HTML for tabs content.