Bootstrap學習筆記 Well

浪花一朵朵發表於2015-05-25
boot筆記

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>

本節完..

相關文章