2016年9月27日
Bootstrap入门（二十八）JS插件5：工具提醒
摘要： Bootstrap入门（二十八）JS插件5：工具提醒 工具提示在使用过程中比较常见，但是实现起来有些麻烦，而bootstrap则很好地解决了这个问题。 我们来写一个简单的实例 先引入CSS文件和JS文件 创建一个容器div，在里面创建一个指定样式的<p>元素和内容 然后在内容中前台<a>标签，指定d 阅读全文
posted @ 2016-09-27 20:40 DL_dl 阅读(328) 评论(0) 推荐(0) 编辑
Bootstrap入门（二十七）JS插件4：标签页
摘要： Bootstrap入门（二十七）JS插件4：标签页 标签页的切换可以带动内容的变化 首先我们引入CSS文件 在里面创建一个容器div，添加<ul><li>来承载标签，下拉菜单也是可以嵌套进去的 第一个默认设置为被选中 在引入js文件（使触发下拉菜单） 点击dropdown，效果： 为对应的标签页添加 阅读全文
posted @ 2016-09-27 14:12 DL_dl 阅读(873) 评论(0) 推荐(0) 编辑
2016年9月26日
Bootstrap入门（二十六）JS插件3：滚动监听
摘要： 很多时候我们在浏览一些网页的时候，导航条会根据我们浏览网页的进度而发生不同的变化，这种就是滚动监听。 你的顶栏导航，添加data-spy="scroll"到您想要刺探（最典型的是这将是该元素<body>）。然后添加data-target任何引导的父元素的ID或类属性.nav的组件。 我们来写一个基本 阅读全文
posted @ 2016-09-26 22:41 DL_dl 阅读(2228) 评论(0) 推荐(0) 编辑
Bootstrap入门（二十五）JS插件2：过渡效果
摘要： Bootstrap入门（二十五）JS插件2：过渡效果 对于简单的过渡效果，只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译（或压缩）版的bootstrap.js 文件，就无需再单独将其引入了。 Transition.js 是针对 transitionEnd 事件 阅读全文
posted @ 2016-09-26 20:48 DL_dl 阅读(1708) 评论(4) 推荐(0) 编辑
Bootstrap入门（二十四）data属性
摘要： Bootstrap入门（二十四）data属性 你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API，也应该是你的首选方式。 话又说回来，在某些情况下可能需要将此功能关闭。因此，我们还提供了 阅读全文
posted @ 2016-09-26 14:09 DL_dl 阅读(6890) 评论(0) 推荐(0) 编辑
2016年9月21日
Bootstrap入门（二十三）JS插件1：模态框
摘要： Bootstrap入门（二十三）JS插件1：模态框 1.静态实例 2.动态实例 3.模态框的尺寸和效果 4.包含表单的模态框 模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。 但是千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现 阅读全文
posted @ 2016-09-21 21:36 DL_dl 阅读(1178) 评论(0) 推荐(0) 编辑
Bootstrap入门（二十二）组件16：列表组
摘要： Bootstrap入门（二十二）组件16：列表组 列表组是灵活又强大的组件，不仅能用于显示一组简单的元素，还能用于复杂的定制的内容。 1.默认样式列表组 2.加入徽章 3.链接 4.禁用的列表组 5.情景类 6.定制内容 1.默认样式列表组 最简单的列表组仅仅是一个带有多个列表条目的无序列表 效果： 阅读全文
posted @ 2016-09-21 13:21 DL_dl 阅读(1593) 评论(0) 推荐(0) 编辑
2016年9月20日
Bootstrap入门（二十一）组件15：警告框
摘要： Bootstrap入门（二十一）组件15：警告框 通过这些简单、灵活的进度条，为当前工作流程或动作提供实时反馈。 进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版 阅读全文
posted @ 2016-09-20 11:49 DL_dl 阅读(385) 评论(0) 推荐(0) 编辑
Bootstrap入门（二十）组件14：警告框
摘要： Bootstrap入门（二十）组件14：警告框 警告框组件通过提供一些灵活的预定义消息，为常见的用户动作提供反馈消息，提示、通知或者警示，可以迅速吸引注意力。 1.情景警告框 2.可关闭的警告框 3.带链接的可关闭警告框 首先我们要引入CSS文件和JS文件（bootstrap的JS是需要jQuery 阅读全文
posted @ 2016-09-20 11:10 DL_dl 阅读(639) 评论(0) 推荐(0) 编辑
Bootstrap入门（十九）组件13：页头与缩略图
摘要： Bootstrap入门（十九）组件13：页头与缩略 1.页头 2.默认的缩略图 3.自定义缩略图 页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。 先引入CSS文件 1 阅读全文
posted @ 2016-09-20 10:39 DL_dl 阅读(750) 评论(0) 推荐(0) 编辑