BootStrap 附加导航组件
更新时间：2016年07月22日 09:59:11 作者：xunbaogang
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架,主要基于 HTML、CSS、JAVASCRIPT 的。接下来通过本文给大家介绍BootStrap 附加导航组件的知识，感兴趣的朋友一起学习吧
什么是 Bootstrap？
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
历史
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。
以上简单给大家介绍了bootstrap的简介，下面重点介绍BootStrap 附加导航组件的知识。
附加导航及粘贴到屏幕某处实现锚点的功能
代码如下所示：
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.0.js" ></script>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
</head>
<style>
.nav-pills{
width:150px;
}
</style>
<body data-spy="scroll" data-target="#myScrollspy">
<div class="container">
<div class="jumbotron" style="150px">
<h2>BootStrap Affix</h2>
</div>
<div class="row" >
<div class="col-xs-3" id="myScrollspy">
<ul class="nav nav-pills nav-stracked" data-spy="affix" data-offset-top="150">
<li><a href="#section-1">第一部分</a></li>
<li><a href="#section-2">第二部分</a></li>
<li><a href="#section-3">第三部分</a></li>
<li><a href="#section-4">第四部分</a></li>
<li><a href="#section-5">第五部分</a></li>
</ul>
</div>
<div class="col-xs-8">
<h2 id="section-1">第一部分</h2>
<p> 杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，位于曾经“苦甲天下”的西海固地区，六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹盘山集中连片特困地区的腹，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>
<h2 id="section-2">第二部分</h2>
<p> 杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，位于曾经“苦甲天下”的西海固地区，六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹盘山集中连片特困地区的腹，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>
<h2 id="section-3">第三部分</h2>
<p> 杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，位于曾经“苦甲天下”的西海固地区，六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹盘山集中连片特困地区的腹，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>
<h2 id="section-4">第四部分</h2>
<p> 杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，位于曾经“苦甲天下”的西海固地区，六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹盘山集中连片特困地区的腹，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>
<h2 id="section-5">第五部分</h2>
<p> 杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，位于曾经“苦甲天下”的西海固地区，六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹甲天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹天下”的西海固地区，六盘山集中连片特困地区的腹，六盘山集中连片特困地区的腹盘山集中连片特困地区的腹，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>
</div>
</div>
</div>
</body>
</html>
以上所述是小编给大家介绍的BootStrap 附加导航组件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
Javascript和Java获取各种form表单信息的简单实例
本篇文章主要是对Javascript和Java获取各种form表单信息的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
ES6(ECMAScript 6)新特性之模板字符串用法分析
这篇文章主要介绍了ES6(ECMAScript 6)新特性之模板字符串用法,简单介绍了ES6模板字符串的概念、功能并结合实例形式分析了ES6模板字符串的用法,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了javascript事件冒泡实原理,实例分析了事件冒泡的定义及实现技巧,需要的朋友可以参考下2015-05-05
JavaScript垃圾回收机制(引用计数,标记清除,性能优化)
这篇文章主要介绍了JavaScript垃圾回收机制(引用计数,标记清除,性能优化),垃圾回收是JavaScript的隐藏机制，我们通常无需为垃圾回收劳心费力，只需要专注功能的开发就好了2022-07-07
mui的上拉加载和下拉刷新类似，都属于pullRefresh插件。今天小编抽空给大家分享mui上拉加载更多下拉刷新数据的封装过程，需要的朋友参考下吧2017-11-11
javascript数据库操作方法包括字符串大小写，字符串搜索，提取字符串等2008-04-04
这篇文章主要为大家详细介绍了如何利用JavaScript实现动态雨滴特效并且点击雨滴会有雨滴爆裂的效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要为大家详细介绍了javascript中的类,继承,构造函数，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
Lerna入门之管理TypeScript monorepo教程
这篇文章主要为大家介绍了Lerna入门之管理TypeScript monorepo教程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。下面这篇文章主要给大家介绍了利用three.js如何绘制地球、飞机与轨迹的效果，文中给出了详细的示例代码，需要的朋友们可以参考借鉴，下面来一起看看吧。2017-02-02
最新评论