Bootstrap入门 - 随笔分类 - DL_dl

Bootstrap入门（三十）JS插件7：警告框

摘要：Bootstrap入门（三十）JS插件7：警告框通过这个插件可以为警告信息添加点击以及消失的功能。当使用一个.close按钮，它必须是第一个子元素.alert-dismissible，并没有文字内容。 1.实例首先，引入CSS文件和JS文件创建一个容器div，在里面创建一个承载div，cla 阅读全文

posted @ 2016-10-09 15:18 DL_dl 阅读(494) 评论(0) 推荐(0)

Bootstrap入门（二十九）JS插件6：弹出框

摘要：Bootstrap入门（二十九）JS插件6：弹出框加入小覆盖的内容，像在iPad上，用于存放非主要信息弹出框是依赖于工具提示插件的，那它也和工具提示是一样的，是需要初始化才能够使用的首先我们引入CSS文件和JS文件首先我们来创建几个按钮来作为触发他的使用还需要我们在添加js代码（初始化）阅读全文

posted @ 2016-09-28 20:54 DL_dl 阅读(379) 评论(0) 推荐(0)

Bootstrap入门（二十八）JS插件5：工具提醒

摘要：Bootstrap入门（二十八）JS插件5：工具提醒工具提示在使用过程中比较常见，但是实现起来有些麻烦，而bootstrap则很好地解决了这个问题。我们来写一个简单的实例先引入CSS文件和JS文件创建一个容器div，在里面创建一个指定样式的<p>元素和内容然后在内容中前台<a>标签，指定d 阅读全文

posted @ 2016-09-27 20:40 DL_dl 阅读(343) 评论(0) 推荐(0)

Bootstrap入门（二十七）JS插件4：标签页

摘要：Bootstrap入门（二十七）JS插件4：标签页标签页的切换可以带动内容的变化首先我们引入CSS文件在里面创建一个容器div，添加<ul><li>来承载标签，下拉菜单也是可以嵌套进去的第一个默认设置为被选中在引入js文件（使触发下拉菜单）点击dropdown，效果：为对应的标签页添加阅读全文

posted @ 2016-09-27 14:12 DL_dl 阅读(892) 评论(0) 推荐(0)

Bootstrap入门（二十六）JS插件3：滚动监听

摘要：很多时候我们在浏览一些网页的时候，导航条会根据我们浏览网页的进度而发生不同的变化，这种就是滚动监听。你的顶栏导航，添加data-spy="scroll"到您想要刺探（最典型的是这将是该元素<body>）。然后添加data-target任何引导的父元素的ID或类属性.nav的组件。我们来写一个基本阅读全文

posted @ 2016-09-26 22:41 DL_dl 阅读(2267) 评论(0) 推荐(0)

Bootstrap入门（二十五）JS插件2：过渡效果

摘要：Bootstrap入门（二十五）JS插件2：过渡效果对于简单的过渡效果，只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译（或压缩）版的bootstrap.js 文件，就无需再单独将其引入了。 Transition.js 是针对 transitionEnd 事件阅读全文

posted @ 2016-09-26 20:48 DL_dl 阅读(1728) 评论(4) 推荐(0)

Bootstrap入门（二十四）data属性

摘要：Bootstrap入门（二十四）data属性你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API，也应该是你的首选方式。话又说回来，在某些情况下可能需要将此功能关闭。因此，我们还提供了阅读全文

posted @ 2016-09-26 14:09 DL_dl 阅读(6960) 评论(0) 推荐(0)

Bootstrap入门（二十三）JS插件1：模态框

摘要：Bootstrap入门（二十三）JS插件1：模态框 1.静态实例 2.动态实例 3.模态框的尺寸和效果 4.包含表单的模态框模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。但是千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现阅读全文

posted @ 2016-09-21 21:36 DL_dl 阅读(1207) 评论(0) 推荐(0)

Bootstrap入门（二十二）组件16：列表组

摘要：Bootstrap入门（二十二）组件16：列表组列表组是灵活又强大的组件，不仅能用于显示一组简单的元素，还能用于复杂的定制的内容。 1.默认样式列表组 2.加入徽章 3.链接 4.禁用的列表组 5.情景类 6.定制内容 1.默认样式列表组最简单的列表组仅仅是一个带有多个列表条目的无序列表效果：阅读全文

posted @ 2016-09-21 13:21 DL_dl 阅读(1621) 评论(0) 推荐(0)

Bootstrap入门（二十一）组件15：警告框

摘要：Bootstrap入门（二十一）组件15：警告框通过这些简单、灵活的进度条，为当前工作流程或动作提供实时反馈。进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版阅读全文

posted @ 2016-09-20 11:49 DL_dl 阅读(395) 评论(0) 推荐(0)

Bootstrap入门（二十）组件14：警告框

摘要：Bootstrap入门（二十）组件14：警告框警告框组件通过提供一些灵活的预定义消息，为常见的用户动作提供反馈消息，提示、通知或者警示，可以迅速吸引注意力。 1.情景警告框 2.可关闭的警告框 3.带链接的可关闭警告框首先我们要引入CSS文件和JS文件（bootstrap的JS是需要jQuery 阅读全文

posted @ 2016-09-20 11:10 DL_dl 阅读(662) 评论(0) 推荐(0)

Bootstrap入门（十九）组件13：页头与缩略图

摘要：Bootstrap入门（十九）组件13：页头与缩略 1.页头 2.默认的缩略图 3.自定义缩略图页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。先引入CSS文件 1 阅读全文

posted @ 2016-09-20 10:39 DL_dl 阅读(762) 评论(0) 推荐(0)

Bootstrap入门（十八）组件12：徽章与巨幕

摘要：Bootstrap入门（十八）组件12：徽章与巨幕 1.徽章 2.巨幕 1.徽章给链接、导航等元素嵌套 <span class="badge"> 元素，可以很醒目的展示新的或未读的信息条目。首先，引入CSS文件我们需要创建一个容器div，让它承载这个徽章（<a><button>都可以使用）阅读全文

posted @ 2016-09-19 20:42 DL_dl 阅读(720) 评论(0) 推荐(0)

Bootstrap入门（十七）组件11：分页与标签

摘要：Bootstrap入门（十七）组件11：分页与标签 1.默认样式的分页 2.分页的大小 3.禁用的分页 4.翻页的效果 5.两端对齐的分页 6. 标签的不同样式 7. 标签的大小先引入本地的CSS文件 <link href="css/bootstrap.min.css" rel="styleshe 阅读全文

posted @ 2016-09-19 14:05 DL_dl 阅读(3485) 评论(0) 推荐(0)

Bootstrap入门（十六）组件10：well和具有响应式特性的嵌入内容

摘要：Bootstrap入门（十六）组件10：well和具有响应式特性的嵌入内容 well组件可以为内容增添一种切入效果。具有响应式特性的嵌入内容可以根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定视频或 slideshow 的尺寸，能够在各种设备上缩放。这些规则被直接应用阅读全文

posted @ 2016-09-17 12:28 DL_dl 阅读(3485) 评论(0) 推荐(0)

Bootstrap入门（十五）组件9：面板组件

摘要：Bootstrap入门（十五）组件9：面板组件虽然不总是必须，但是某些时候你可能需要将某些 DOM 内容放到一个盒子里。对于这种情况，可以试试面板组件。 1.基本实例 2.带标题的面板 3.情景效果 4.代表格的面板 5.带列表组的面板先引入本地的CSS文件 1.基本实例我们先来创建一个基本的阅读全文

posted @ 2016-09-16 16:06 DL_dl 阅读(1523) 评论(0) 推荐(0)

Bootstrap入门（十四）组件8：媒体对象

摘要：Bootstrap入门（十四）组件8：媒体对象这是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter 消息等）。 1.基本样式 2.嵌套使用 3.图片位置 4.使用<ul><li>标签嵌套使用先引入本地的CSS文件 1.基本样式阅读全文

posted @ 2016-09-16 14:20 DL_dl 阅读(1321) 评论(0) 推荐(1)

Bootstrap入门（十三）组件7：导航条

摘要：Bootstrap入门（十三）组件7：导航条 1.默认样式的导航条 2.嵌入表单和按钮 3.嵌入文本和非导航的链接 4.组件排列和下拉菜单 5.固定在顶部/底部 6.反色的导航条 7.路径导航首先先了解一些内容（原话）： ①.导航条内所包含元素溢出由于 Bootstrap 并不知道你在导航条内放阅读全文

posted @ 2016-09-15 01:47 DL_dl 阅读(4024) 评论(0) 推荐(0)

Bootstrap入门（十二）组件6：导航标签页

摘要：Bootstrap入门（十二）组件6：导航标签页 1.标签页 2.胶囊式标签页 3.垂直展示 4.两端对齐的标签页 5.禁用的链接 6.添加下拉菜单先引入本地的CSS文件和JS文件（注：1.bootstrap是需要jQuery支持的。2.需要在<body>当中添加） <link href="css 阅读全文

posted @ 2016-09-12 19:26 DL_dl 阅读(5188) 评论(0) 推荐(0)

Bootstrap入门（十一）组件5：输入框组

摘要：Bootstrap入门（十一）组件5：输入框组 1.为其中添加第一个输入框 2.添加额外的元素 3.为用户提供标识 4.改变输入框的尺寸 5.为额外添加多选/单选框 6.与按钮结合 7.与下拉菜单结合先引入本地的CSS文件和JS文件（注：1.bootstrap是需要jQuery支持的。2.需要在< 阅读全文

posted @ 2016-09-11 17:29 DL_dl 阅读(3812) 评论(0) 推荐(0)

DL_dl

随笔分类 - Bootstrap入门

公告