bootstrap js插件篇——按钮、固定定位
2015-07-15 15:18
801 查看
七、按钮
7.1控制按钮状态(比如禁用状态、正在加载状态、正常状态等)7.2使用按钮组模拟单选按钮
注:将input的type=“checkbox” 可模拟多选
7.3按钮状态切换
7.3js触发
九、固定定位
9.1基本结构注: data-spy:取值 affix,表示元素固定不变的。
data-offset-top 用来设置元素距离顶部的距离,data-offset-bottom 刚好与 data-offset-top 相反。(比如 90,表示元素距离顶部 90px,当用户从顶部向下拖动滚动条,当滚动的距离大于 90px 时,affix 元素不再滚动,就会固定在浏览器窗口顶部。)
十、小结
当只需要bootstrap的部分功能时,可以按照自己的需要重新生成bootstrap在线生成网址:http://getbootstrap.com/customize/
在 Bootstrap 组件设置这一部分,提供了公共样式(Common CSS),UI 组件(Components)和 JavaScript 组件(JavaScript components)三个部分,如下图所示:
每个部分都有对应的列表清单,在自定义配置时候,可以根据自己需求进行选择,比如,我自己的 Bootstrap 框架中,不需要打印样式、code、Glyphicons、等等,那么只需要不选中它们:
最后点击生成按钮即可
相关文章推荐
- 【BootStrap】初步教程
- Bootstrap 模态框、轮播 结合使用
- 什么是Bootstrap
- 一张图让你看懂Bootstrap的栅格系统
- laravel5.0 服务器上被坑的 bootstrap
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- bootstrapSwitch switchChange 事件
- bootstrap组件
- Bootstrap
- Bootstrap select多选下拉框赋值
- 关于Bootstrap的理解
- 使用Bootstrap框架制作响应式移动网页
- bootstrap js插件篇——提示框、弹出框、警告框
- bootstrap table 服务端
- bootstrap js插件篇——下拉菜单、滚动监测、选项卡
- bootstrap js插件篇——动画过渡、模态弹窗
- 20分钟打造你的Bootstrap站点
- bootstrap 基础知识学习(列表+表格)
- bootstrap 基础知识(表单)
- 解决bootstrap的tooltip插件不能自动定位不是相对于浏览器窗口定位的问题