码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap学习笔记 Well

时间:2015-05-25 18:38:28      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

Well是一种会引起内容凹陷或插图效果的容器div。为了创建Well,只需要简单地把内容放在带有class well的div中即可。下面的实例演示了默认的Well:

技术分享

html:

<div>
    <div class="well">
        well测试
    </div>
</div>

尺寸大小

您可以使用可选类well-lg 或well-sm来改变Well的尺寸大小。这两个类是与.well类结合使用的。这两个糊糊会影响内边距padding,根据使用的类,Well会显示得更大或更小。

技术分享

代码:

<h2>Well</h2>
<div class="well well-lg">
    在大的Well中
</div>
<div class="well">
    在一般的Well中
</div>
<div class="well well-sm">
    在小的的Well中
</div>

本节完..

Bootstrap学习笔记 Well

标签:

原文地址:http://www.cnblogs.com/langhua/p/4528433.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!