上一页 1 2 3 4 5 6 7 8 ··· 12 下一页

Bootstrap 按钮和折叠插件

摘要: 恢复内容开始 一.按钮 可以通过按钮插件创建不同状态的按钮。 //单个切换。 注:在 Firefox 多次页面加载时,按钮可能保持表单的禁用或选择状态。解决方案是: 添加 autocomplete="off"。 //单选按钮 //复选按钮 //加载状态 //可代替 data-toggle="butt 阅读全文
posted @ 2016-12-22 10:03 向前看!明天会更好! 阅读(250) 评论(0) 推荐(0) 编辑

Bootstrap 轮播插件

摘要: 一.轮播 //基本实例。 data 属性解释: 1.data-slide 接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位置; 2.data-slide-to 来向轮播底部创建一个原始滑动索引,data-slide-to="2"将把滑 动块移动到一个特定的索引,索引从 0 开始计 阅读全文
posted @ 2016-12-20 17:32 向前看!明天会更好! 阅读(506) 评论(0) 推荐(0) 编辑

Bootstrap 弹出框和警告框插件

摘要: 一.弹出框 弹出框即点击一个元素弹出一个包含标题和内容的容器。 //基本用法 效果图如下: 弹出框插件有很多属性来配置提示的显示,具体如下: 通过 JavaScript 执行的方法有四个。 //显示 $('button').popover('show'); 效果图如下: 点击按钮弹出右边内容 //隐 阅读全文
posted @ 2016-12-20 17:22 向前看!明天会更好! 阅读(1461) 评论(0) 推荐(0) 编辑

Bootstrap 标签页和工具提示插件

摘要: 一.标签页 标签页也就是通常所说的选项卡功能。 //基本用法 //可以设置淡入淡出效果 fade,而 in 表示首选的内容默认显示 //也可以换成胶囊式 //data-target 使用 data-target 绑定或不绑定效果都是一样的 //使用 JavaScript,直接使用 tab 方法。 / 阅读全文
posted @ 2016-12-20 16:46 向前看!明天会更好! 阅读(221) 评论(0) 推荐(0) 编辑

Bootstrap 下拉菜单和滚动监听插件

摘要: 一.下拉菜单 常规使用中,和组件方法一样,代码如下: //声明式用法 声明式用法的关键核心: 1.外围容器使用 class="dropdown"包裹; 2.内部点击按钮事件绑定 data-toggle="dropdown"; 3.菜单元素使用 class="dropdown-menu"。 //如果按 阅读全文
posted @ 2016-12-20 15:53 向前看!明天会更好! 阅读(1149) 评论(0) 推荐(0) 编辑

Bootstrap 模态框插件

摘要: 一.基本使用 使用模态框的弹窗组件需要三层 div 容器元素,分别为 modal(模态声明层)、 dialog(窗口声明层)、content(内容层)。在内容层里面,还有三层,分别为 header(头 部)、body(主体)、footer(注脚)。 //基本实例 如果想让模态框自动隐藏,然后通过点击 阅读全文
posted @ 2016-12-20 15:36 向前看!明天会更好! 阅读(343) 评论(0) 推荐(0) 编辑

Bootstrap 进度条媒体对象和条组

摘要: 列表组组件 列表组组件用于显示一组列表的组件。 //基本实例 //列表项带勋章 //链接和首选 //按钮式列表 //设置项目被禁用 //情景类 //定制内容 二.面板组件 面板组件就是一个存放内容的容器组件。 //基本实例 //带标题容器的面板 //带注脚的面板 //情景效果:default、suc 阅读全文
posted @ 2016-12-20 13:39 向前看!明天会更好! 阅读(155) 评论(0) 推荐(0) 编辑

Bootstrap 进度条媒体对象和 Well 组件

摘要: 一.Well 组件 这个组件可以实现简单的嵌入效果。 //嵌入效果 //有 lg 和 sm 两种可选值 二.进度条组件 进度条组件为当前工作流程或动作提供时时反馈。 //进度条 //最低值进度条 //结合情景的进度条 //条纹状,IE10+支持 //动画效果 //堆叠效果 三.媒体对象组件 媒体对象 阅读全文
posted @ 2016-12-20 13:14 向前看!明天会更好! 阅读(231) 评论(0) 推荐(0) 编辑

Bootstrap 巨幕页头缩略图和警告框组件

摘要: 一.巨幕组件 //在固定的范围内,有圆角 <div class="container"> <div class="jumbotron"> <h2>网站标题</h2> <p>这是一个学习性的网站!</p> <p><a href="#" class="btn btn-default">更多内容</a>< 阅读全文
posted @ 2016-12-20 11:48 向前看!明天会更好! 阅读(211) 评论(0) 推荐(0) 编辑

Bootstrap 路径分页标签和徽章组件

摘要: 一.路径组件 路径组件也叫做面包屑导航。 //面包屑导航 二.分页组件 //默认分页 //首选项和禁用 //设置尺寸,四种 lg、默认、sm 和 xs //翻页效果 //对齐翻页链接 //翻页项禁用 三.标签 //在文本后面带上标签 //不同色调的标签 四.徽章 //未读信息数量徽章 //按钮中使用 阅读全文
posted @ 2016-12-20 11:43 向前看!明天会更好! 阅读(138) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 12 下一页