Bootstrap Well 组件

Well

Well 就是一个类为 .well 的容器，其中的内容看起来像是陷入页面一样，常常用来显示博客的元信息，比如作者、日期和类别。如：

<div class="well">
Look, I'm in a well!
</div>

效果如图 3‑102所示：

图3-102 Well组件

还有两个类 .well-lg 和 .well-sm，可以与 .well 同时使用，它们会影响内边距，前者会增大内边距，后者会减小内边距。如：

<div class="well well-lg">
Look, I'm in a large well!
</div>
<div class="well well-sm">
Look, I'm in a small well!
</div>

效果如图 3‑103所示：

图3-103 Well组件的尺寸

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap Well 组件相关推荐

JS组件系列——Bootstrap Select2组件使用小结
前言:在介绍select组件的时候,博主之前分享过一篇JS组件系列--两种bootstrap multiselect组件大比拼,这两个组件的功能确实很强大,只可惜没有图文结合的效果(也就是将图片放入到 ...
JS组件系列——两种bootstrap multiselect组件大比拼
前言:今天继续来看看bootstrap的另一个组件:multiselect.记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的b ...
Bootstrap按钮组件
在Bootstrap中我们有的时候需要的是将多个按钮放在一起,这个时候就需要使用按钮组件,那么怎样来添加按钮组件. 基本按钮组: 设置class="btn-group", < ...
Bootstrap导航组件
导航 Bootstrap3提供了灵活.多样的导航组件,允许使用相同的标签和不同的类,来实现不同风格的导航,具有非常高的可定制性. Bootstrap3中的导航组件,都是基于列表实现的,可以使用无序列表 ...
bootstrap 打印组件_如何在Bootstrap项目中用Vue.js替代jQuery
Bootstrap是 Web 开发最受欢迎的框架之一,没有比它开发响应式网站项目效率最高了. 随着Vue.js的逐渐流行,更多人们用它来控制页面元素,实现强大互动功能.而jQuery出现了一些技术落后 ...
Bootstrap前端组件库+构建管理
目录构建管理 Grunt Sass JavaScript Bootstrap作为前端组件库一些语法媒体查询辅助类栅栏系统补充代码示例媒体查询网格系统建立可伸缩的甚至是响应式组件的方 ...
.nav css,Bootstrap CSS组件之导航(nav)
本文实例为大家分享了Bootstrap导航的具体代码,供大家参考,具体内容如下 //源码 .nav { padding-left: 0; margin-bottom: 0; list-style: n ...
bootstrap 打印组件_创想三维：有了3D打印机，后期该如何维护呢-创想三维 Ender-1_深圳3D打印机行情...
什么东西都少不了后期的保养维护,比如3D打印机,长时间不保养,肯定会出现一些小问题甚至是大问题,那么该如何避免发生呢,下面举例说明几点. 按时清洁喷头电机不管是底板间隙过小.喷头中残余杂质.采用料丝 ...
第五章使用 Bootstrap Typeahead 组件（百度下拉效果）
推荐链接:http://www.cnblogs.com/haogj/p/3376874.html UnderScore官网:http://underscorejs.org/ 参考文档:http://w ...

Bootstrap Well 组件

Well

Bootstrap Well 组件相关推荐

最新文章

热门文章