Bootstrap 洼地
2016-03-17 17:16
183 查看
洼地(Well)样式的效果和大屏幕展播Jumbotron样式类似,不同点是well样式有了边框设置,并且默认高度是自适应文本的高度。示例代码:
效果:
可以设置洼地的大小:
效果:
<div class="well"> <p> sorry I have no word to say</p> <blockquote>this is a 引用内容</blockquote> </div>
效果:
可以设置洼地的大小:
<div class="well well-lg">
<p> sorry I have no word to say</p>
<blockquote>this is a 引用内容</blockquote>
</div>
<div class="well"> <p> sorry I have no word to say</p> <blockquote>this is a 引用内容</blockquote> </div>
<div class="well well-sm">
<p> sorry I have no word to say</p>
<blockquote>this is a 引用内容</blockquote>
</div>
效果:
相关文章推荐
- Bootstrap 面板
- Bootstrap列表组
- 基于Bootstrap样式的 jQuery UI 控件 (v0.5).
- Bootstrap 进度条
- Bootstrap 徽章、大屏幕展播、页面标题、缩略图
- bootstrap 背景
- Bootstrap导航栏下拉菜单鼠标滑过展开
- Bootstrap 标签
- 了解Bootstrap
- bootstrap常用功能快速入门以及常见问题解决方案
- Bootstrap 面包屑导航
- bootstrap 标签页与fullcalendar 日历插件联合使用时出现隐藏页不显示日历的解决办法
- BootStrap Jstree 树形菜单的增删改查的实现源码
- Bootstrap 导航条
- Bootstrap静止在页面底部的导航栏
- Bootstrap:基本模板
- 每日一bootstrap 表单
- ABROAD:bootstrap中的dropdown组件改造click为hover
- Bootstrap 输入框组
- Bootstrap的一个很漂亮的web万能模板