Merhabalar bootstrap 3 derslerinin 7. dersine hoş geldiniz, bu dersimizdde bootstrap 3’de Well‘leri öğreneceğiz. Evet zaman kaybetmeden dersimize başlayalım. Öncelikle Well nedir ona bir bakalım.
Well’ler; Gri arka plan renkli içi dolgulu sınırları olan bir kutu oluşturmamıza yarar. Div tagına well class’ını ekleyerek bir well oluşturabiliriz. Ekran görüntümüz’de şöyle;
Yukarıdaki örneğin kodları ise şöyle;
<div class="well">Ben bir Well'im</div>
Yukarıdaki well’imiz basit bir well’di dilersek büyüklüğünü de ayarlayabiliriz.
Şöyle ki div tagımızda ki well class’ının yanına well-sm class’ını eklersek küçük bir well, well-lg tagını eklersek ise büyük bir well oluşturmuş oluruz.
Büyük well ve küçük well örneği;
Kodlarımız;
<div class="well well-sm">Küçük Well</div> <div class="well">Normal Well</div> <div class="well well-lg">Büyük Well</div>
Çıktımız ise şöyle;
Evet, bootstrap 3 well’ler dersimizinde sonuna geldik daha sonraki derslerde görüşmek üzere hoşçakalın.