Bootstrap 3 Well - Tutorial Bootstrap Indonesia

Tutorial Bootstrap Well

TrikSonic - Komponen Bootstrap Well mirip dengan panel karena merupakan sebuah box atau kotak dengan padding dan perbatasan dengan sudut membulat. Perbedaannya adalah bahwa well dimaksudkan untuk memberikan efek "inset" pada sebuah box.

Well juga bisa digunakan untuk menempatkan sebuah konten agar terlihat terpisah dari konten yang ada disekitarnya

Standar Well

Tambahkan class .well sebagai class dasar pada element HTML.

Contoh :

<div class="well">Konten kamu disini</div>

<p class="well">Teks kamu disini</p>

Ukuran Well

Untuk merubah ukuran atau besar dari well tambahkan class .well-lg (untuk ukuran besar) dan .well-sm (untuk ukuran kecil), yang dituliskan setelah class dasar .well

Contoh :

<div class="well well-sm">small well</div>
<div class="well">Normal well</div>
<div class="well well-lg">Large well</div>