上一页 1 2 3 4 5 6 ··· 19 下一页
2021年9月29日
Bootstrap-v3-js插件-模态框
摘要： 模态框 modal.js 模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。 模态框的特点： 不支持同时打开多个模态框 （千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。） 模态框的 HTML 代码放置的位置（务必将模态框的 H 阅读全文
posted @ 2021-09-29 09:34 AnnLing 阅读(398) 评论(0) 推荐(1) 编辑
Bootstrap-v3-js插件-概览
摘要： JavaScript 插件 jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件，或者逐个引入到你的页面中。 1、概览 1.1 JavaScript 插件的引入 1.1.1 单个引入 JavaScript 插件只单个引入需要用的js文件（使用 Bootstra 阅读全文
posted @ 2021-09-29 09:12 AnnLing 阅读(85) 评论(0) 推荐(0) 编辑
2021年9月28日
Bootstrap-v3-组件-面板
摘要： 面板 虽然不总是必须，但是某些时候你可能需要将某些 DOM 内容放到一个盒子里。对于这种情况，可以试试面板组件。 1、基本面板 默认的 .panel 组件所做的只是设置基本的边框（border）和内补（padding）来包含内容。 <!-- 面板 --> <!-- 基本面板 --> <div cla 阅读全文
posted @ 2021-09-28 16:24 AnnLing 阅读(185) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-列表组
摘要： 列表组 列表组是灵活又强大的组件，不仅能用于显示一组简单的元素，还能用于复杂的定制的内容。 1、基本列表组 最简单的列表组仅仅是一个带有多个列表条目的无序列表，另外还需要设置适当的类。我们提供了一些预定义的样式，你可以根据自身的需求通过 CSS 自己定制。 <!-- 列表组 --> <ul clas 阅读全文
posted @ 2021-09-28 16:03 AnnLing 阅读(221) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-媒体对象
摘要： 媒体对象 这是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter 消息等）。 1、默认样式 默认样式的媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容（图像、视频、音频）。 1.1 在内容块的左边添加图片 <!-- 默认样式 阅读全文
posted @ 2021-09-28 15:47 AnnLing 阅读(80) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-进度条
摘要： 进度条 通过这些简单、灵活的进度条，为当前工作流程或动作提供实时反馈。 1、默认样式进度条 <!-- 默认样式进度条 --> <div class="progress"> <div class="progress-bar" aria-valuenow="60" aria-valuemin="0" a 阅读全文
posted @ 2021-09-28 15:16 AnnLing 阅读(122) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-警告框
摘要： 警告框 警告框组件通过提供一些灵活的预定义消息，为常见的用户动作提供反馈消息。 1、默认的警告框 将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框，.alert 类是必须要设置的，另外我们还提供了有特殊意义的4个类（例如，.alert-success），代表不同的警告信息。 警告框没有默认 阅读全文
posted @ 2021-09-28 14:55 AnnLing 阅读(289) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-缩略图
摘要： 缩略图 通过缩略图组件扩展 Bootstrap 的 栅格系统，可以很容易地以网格的方式展示图像、视频、文本等内容。 如果你想实现一个类似 Pinterest 的页面效果（不同高度和/宽度的缩略图顺序排列）的话，你需要使用一个第三方插件，比如 Masonry、Isotope 或 Salvattore。 阅读全文
posted @ 2021-09-28 14:45 AnnLing 阅读(171) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-页头
摘要： 页头 页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。 <div class="page-header"> <h1>Example page header <small 阅读全文
posted @ 2021-09-28 14:25 AnnLing 阅读(59) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-巨幕
摘要： 巨幕 这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。 1、实例 如果需要让巨幕组件的宽度与浏览器宽度一致并且没有圆角，请把此组件放在所有 .container 元素的外面，并在组件内部添加一个 .container 元素。 <!-- 巨幕 --> <div class=" 阅读全文
posted @ 2021-09-28 14:22 AnnLing 阅读(130) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 19 下一页