bootstrap附加导航组件.pdfVIP

什么是 Bootstrap ？ Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap 是基于 HTML 、CSS、JAVASCRIPT 的。 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年 八月在 GitHub 上发布的开源产品。 以上简单给大家介绍了 bootstrap 的简介，下面重点介绍 BootStrap 附加导航组件的知 识。 附加导航及粘贴到屏幕某处实现锚点的功能 代码如下所示： lt;htmlgt; lt;headgt; lt;meta charset=UTF-8gt; lt;titlegt;lt;/titlegt; lt;script type=text/javascript src=js/jquery-3.1.0.js gt;lt;/scriptgt; lt;link rel=stylesheet href=css/bootstrap.css /gt; lt;script type=text/javascript src=js/bootstrap.min.js gt;lt;/scriptgt; lt;/headgt; lt;stylegt; .nav-pills{ width:150px; } lt;/stylegt; lt;body data-spy=scroll data-target=#myScrollspygt; lt;div class=containergt; lt;div class=jumbotron style=150pxgt; lt;h2gt;BootStrap Affixlt;/h2gt; lt;/divgt; lt;div class=row gt; lt;div class=col-xs-3 id=myScrollspygt; lt;ul class=nav nav-pills nav-stracked data-spy=affix data-offset-top=150gt; lt;ligt;lt;a href=#section-1gt; 第一部分 lt;/agt;lt;/ligt; lt;ligt;lt;a href=#section-2gt; 第二部分 lt;/agt;lt;/ligt; lt;ligt;lt;a href=#section-3gt; 第三部分 lt;/agt;lt;/ligt; lt;ligt;lt;a href=#section-4gt; 第四部分 lt;/agt;lt;/ligt; lt;ligt;lt;a href=#section-5gt; 第五部分 lt;/agt;lt;/ligt; lt;/ulgt; lt;/divgt; lt;div class=col-xs-8gt; lt;h2 id=section-1gt; 第一部分 lt;/h2gt; lt;pgt; 杨岭村位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困地区的腹 地，山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下” 的西海固地区， 六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，六盘山 集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区，位于曾经“苦甲天下”的西海 固地区，六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于 曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区，六盘山集中连片特困 地区的腹甲天下” 的西海固地区， 六盘山集中连片特困地区的腹，