埋め込み効果 Wells

埋め込んだようなコンポーネント。

使い方

class属性にwellを指定したdiv要素を用意する。

<div class="well">埋め込んだようなコンポーネント。</div>

基本

表示サンプル

ソースコード

<div class="well">埋め込んだようなコンポーネント。</div>

広い余白

class属性にwell-lgを追加すると余白が広めになる。

表示サンプル

ソースコード

<div class="well well-lg">埋め込んだようなコンポーネント。</div>

狭い余白

class属性にwell-smを追加すると余白が狭めになる。

表示サンプル

ソースコード

<div class="well well-sm">埋め込んだようなコンポーネント。</div>