Bootstrap İle Yazı Biçimlendirme

Bootstrap’te Yazı Biçimlendirme

Bootstrap’te body etiketleri arasında kullanılan tüm paragraflara font-size değeri olarak 14px ve line-height değeri olarak da  1.428 değeri uygulanır. Tüm paragraflarda varsayılan değer 10px olmak üzere margin-bottom özelliği de bulunmaktadır.

Yazı Başlıkları <h1> – <h6>

Yazı başlıkları için kullanılan değerler aşağıdaki örnekte açıklanmıştır. HTML etiketlerini herhangi bir sınıf olmadan kullanıyoruz. Bu etiketlere varsayılan CSS özellikleri uygulanmaktadır.

Yazı başlıklarının yanında ek bilgiler kullanmak istediğimizde small etiketini kullanıyoruz. small etiketiyle başlığın yanında daha açık tonda ikinci bir bilgi ekleyebiliriz.

Ekran görüntüsü ise aşağıdaki gibi olacaktır.

boostrap yazı

Sık Kullanılan Diğer Yazı Etiketleri

  • Herhangi bir kelimeyi işaretlemek, ön plana çıkarmak için mark etiketini kullanıyoruz.

  • Kısaltmalar için abbr etiketi kullanılır. Kelimenin üzerine gelindiğinde kısaltmanın açılımını göstermesi için etiketin içerisinde title özelliği kullanılır.

  • Herhangi bir alıntı kullanmak istediğimizde blockquote etiketini tercih ediyoruz. footer etiketleri arasına ise alıntı yapılan site, kitap vs. yazılır.

  • Alıntıyı sağ tarafta göstermek isterseniz blockquote-reverse sınıfını kullanmalısınız.
  • Yazıları içeriğine göre renklendirebiliriz.

  • Yazıların arka plan renklerini de değiştirebiliriz.

  • Yazıyı istediğimiz yere göre hizalayabiliriz. Bunun için text-left, text-right ve text-center sınıflarını kullanıyoruz. Bu sınıflar CSS’ten bildiğimiz text-align özelliği ile aynı görevi görmektedir.
  • Harflerin tümünü küçük veya büyük harfe çevirebilir veya her kelimenin ilk harfini büyük harfe çevirebiliriz. Kullandığımız sınıflar sırasıyla text-lowercase, text-uppercase ve text-capitalize olur.

bootstrap yazı biçimlendirme

 

Yorum Yazın

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

error: