Bootstrap-wells

提供:Dev Guides
2020年6月22日 (月) 20:01時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

ブートストラップ-ウェルズ

ウェルは<div>内のコンテナであり、コンテンツがページ上でくぼんだり、はめ込み効果が表示されます。 ウェルを作成するには、ウェルに表示するコンテンツを、*。well *のクラスを含む<div>でラップするだけです。 次の例は、デフォルトのウェルを示しています-

<div class = "well">Hi, am in well !!</div>

サイジング

*well-lg* や *well-lg* などのオプションのクラスを使用して、ウェルのサイズを変更できます。 これらのクラスは、*。well *クラスと組み合わせて使用​​されます。 これらはパディングに影響を与え、クラスに応じてウェルを大きくしたり小さくしたりします。
<div class = "well well-lg">Hi, am in large well !!</div>
<div class = "well well-sm">Hi, am in small well !!</div>