bootstrap框架里边的scrollspy怎么使用

，响应式嵌套在.nav-collapse.collapse并对按钮都应有.btn-navbar【需要js切换插件】
3.2.7面包屑导航
ul.breadcrumb
3.2.8页码
div.pagination>ul，同样使用.active与.disabled，页码对齐使用.pagination-centered或.pagination-right，前后页ul.pager【居于左右端li.previous与li.next】
3.3行内标签
span.label默认样式，span.label.label-success成功等
3.4 标号
span.badge默认样式，span.badge.badge-success等
3.5 排版
主角单元div.hero-unit中嵌套，标题h1，可以嵌入small，
3.6 缩略项
ul.thumbnails>li.span*>a.thumbnail>img链接图像，div.thumbnail块状内容
3.7通知
基类div.alert【2.0开始替代.alert-message】，例子：div.alert>a.close+strong，加强.alert-block提供更大的padding而.alert-heading修饰标题，语义强化.alert-error或success或info
3.8进度条
基本div.progress>div.bar[style=”width:60%”]，条纹效果div.progress.progress-striped【动画效果加上.active，使用css3渐变动画，不支持ie】，语义加强.progress-info或success等
3.9杂项
消息墙div.well，关闭图标a.close
4 jQuery插件
4.1对话框【bootstrap-modal.js】
$().modal({backdrop:true背景,keyboard:true支持ESC,show:true初始化显示}) ，
触发设置data-toggle=”modal”然后data-target=”#foo”或href=“#foo”，
对话框设置div.modal#foo即可：div.modal-header>a.close[data-dismiss=”modal”]+div.modal-body+div.modal-footer【显示动画效果bootstrap-transition.js，对.modal应用.fade即可】，方法.modal(“toggle”)或.modal(“show”)或.modal(“hide”)，事件show,shown,hide,hidden
4.2 下拉项【bootstrap-dropdown.js】
样式应用导航栏与胶囊链接，方法$().dropdown()，设置data-toggle=”dropdown”【也可以使用data-target=”#foo”或href=“#foo”来关联下拉项与链接】
4.3 滚动侦测【bootstrap-scrollspy.js】
$(‘#navbar’).scrollspy()
标记添加data-spy=”scroll”【导航链接必须有href=”#id”且对应有dom#id】，选项offset【默认为10】
4.4 可切换的标签页【bootstrap-tab.js】
方法$(‘#myTab’).tab(‘show’) 标签页需要设置data-target=’#id’或href=’#id’
标记添加data-toggle=”tab”或data-toggle=”pill”，
事件show与shown 【event.target指向激活标签，event.relatedTarget指向之前激活的标签】
4.5 工具提示【bootstrap-tooltips.js】
$(‘#example’).tooltip(options) 中选项animation:true，placement:’top’，selector，title，trigger:’hover’，delay:{show:num, hide:100}
工具提示可以单独设置data-属性实现与js调用同样的功能，指定一个selector即可【设置rel=”tooltip”】
方法：.tooltip(‘show’)?.tooltip(‘hide’)?.tooltip(‘toggle’)
4.6 弹出提示【bootstrap-popover.js】
$(‘#example’).popover(options)中选项animation:true，placement:’top’，selector，trigger:’hover’，title，content，delay
同样可以单独设置data-属性，方法也相同
4.7 通知消息【bootstrap-alert.js】
$(“.alert”).alert()
用在通知，对关闭按钮设置data-dismiss=”alert”即可定时关闭
方法$(“.alert”).alert(‘close’)，事件close closed
4.8 按钮【bootstrap-button.js】
应用在btn与btn-group，设置data-toggle=”button”与data-toggle=”button-checkbox”与data-toggle=”button-radio”样式
方法$().button(‘toggle’) 按下
$().button(‘loading’) 载入文本data-loading-text属性中
$().button(‘reset’)重置按钮状态
4.9 折叠手风琴【bootstrap-collapse.js】
$().collapse({toggle:false})，事件show，shown，hide，hidden
设置data-toggle=“collapse”和data-target即可变为折叠式，data-target接收一个css选择器以选取元素添加，元素上需要添加.collapse，默认打开用.in
4.10 轮播【bootstrap-carousel.js】
$().carousel({interval:5000, pause:’hover’})
标记用data-属性提供前后翻页，data-slide=”prev或next” 方法.carousel(‘cycle或pause或number或prev或next’) 事件slide，slid
4.11 输入提醒【bootstrap-typeahead.js】
$().typeahead({source:[]数据源, items:8列表显示个数, matcher:fn, sorter:fn, highlighter:fn})，
设置data-provide=”typeahead”
5. LESS
mixins.less中保存所有混合，编译安装npm intall -g less uglify-js lessc ./lib/bootstrap.less > bootstrap.css压缩使用–compress，引用less.js 也可以重新编译.less文件并进行本地存储