"Enter"a basıp içeriğe geçin

Bootstrap Media Sınıfı Kullanımı

Bootstrap ile media sınıfı kullanımı hakkında kısa bir bilgi anlatacağım.

Media Sınıfı nedir?

Bloglarda, Haber Sitelerinde v.b bir çok projenizde kullanabileceğiniz görsel ve yazının hizalanması yerleştirilmesi için media sınıfına ihtiyaç vardı. Lafı daha fazla uzatmadan media sınıfını örneklerle size anlatmaya başlayalım.

Basit Kullanımı

Sonuç:

Hizalamalar

Hizalamalar eklediğiniz görsel ile yazının hizalanmasında size yardımcı sınıflar vermektedir.

.align-self-start – Yazıya göre görseli en üste yerleştirir.

.align-self-center – Yazıya göre görseli ortalar.

.align-self-end – Yazıya göre görseli en alta yerleştirir.

Sonuç:

Sıralama

Yukarıdaki örneklerde görselimizi sola yazımızıda sağa eklemiştik tabii ki bunun tam tersini de yapmamız mümkün küçük bir yer değişikliği ile nasıl görselimizi sağa yazımızı sola nasıl alabiliriz örnekle görelim.

Sonuç:

Listeleme

Projelerinizde kullanabileceğiniz listeleme olacak öğeleriniz için en son örneğimizi de yapalım.

Sonuç:

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir