前言
原创文章,欢迎转载,请保留出处。
有任何错误、疑问或者建议,欢迎指出。
我的邮箱:Maxwell_nc@163.com
前一篇介绍了如何利用Bootstrap3制作响应式的导航栏,本篇简单地介绍如何实现导航栏跳转。当然这个跳转并非简单的a标签加上herf属性,而是实现一种不用刷新整个页面的跳转。
侧边导航栏实现跳转
这里我主要以侧边栏为例子讲解,同样适用于顶部导航栏。
加入链接
紧接着上篇的导航栏代码中,在A标签里面加上两个属性,其中href使用一个锚标记(后面用到的DIV的ID),另外加上一个data-toggle属性(后面用于实现跳转的一个标记),如下图:
<ul id="myTab" class="nav nav-sidebar">
<li class="active"><a href="#home" data-toggle="tab">主页 <span