基于Bootstrap3制作响应式布局网站（四）

最新推荐文章于 2022-08-26 15:16:16 发布

Maxwell_nc

最新推荐文章于 2022-08-26 15:16:16 发布

阅读量2.8k

点赞数 2

分类专栏： web开发文章标签： bootstrap 布局响应式 web 前端

本文链接：https://blog.csdn.net/maxwell_nc/article/details/46375673

版权

本文介绍如何使用Bootstrap3创建响应式布局，特别是侧边导航栏的实现，包括添加链接、利用jsp引入页面、js实现不刷新跳转，以及新页面的框架和CSS设置。详细探讨了导航栏跳转的核心技术和代码实现。

摘要由CSDN通过智能技术生成

原创文章，欢迎转载，请保留出处。
有任何错误、疑问或者建议，欢迎指出。
我的邮箱: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

关注

专栏目录