Bootstrap导航滑块

Question

如何创建导航滑块。为了更加精确，有标准导航栏 - http://getbootstrap.com/examples/offcanvas/#和三个项目：Home，About和Contact。主项目设置为活动。 如何在活动项下面创建滑块？

然后当我单击“关于”时，白线应移动到新的活动元素。

Answer 1

假设没有后端为您执行此操作，您将需要一些javascript来操作导航并更新为活动的任何一个：

$('.menu li a').click(function(e) {
  var $this = $(this);
  if (!$this.hasClass('active')) {
    $this.addClass('active');
  }
  e.preventDefault();
});

取自this。请在下次询问之前进行搜索。