Bootstrap 4 Genişlik ve Yükseklik

HTML ve CSS düzeninde her bir elemanın türüne göre varsayılan genişlik ve yüksekliği bulunur. Bootstrap4'te genişlik ve yükseklik özelliklerinin %25,%50 gibi oranlarda küçültmek mümkündür.

Bir nesnenin genişliğini değiştirmek için w(width kısaltması), yüksekliğini değiştirmek için h (height kısaltması) kullanılır.
Örneğin bir nesnesin varsayılan genişliğini %25 oranında küçültmek için w-25 class özelliği verilmelidir.
Aynı şekilde nesnenin varsayılan yüksekliğini %50 oranında değiştirmek için h-50 class özelliği nesneye eklenmelidir.

Kulllanılabilecek oranlar 25,50,75,100 ve auto'dur.
Kullanım şekli ise önce genişlik yükseklik türü, - işareti ve sonrasında oran türü gelmelidir.

<div class="h-50">%50 Yükseklik</div> <div class="w-75">%75 Genişlik</div>


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

Son Yorumlar

İletişim

  • info@frontendokulu.com