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

Bootstrap Tipografi Kullanımı

Başlıklar

Html elementlerinden olan H1, H2, H3, H4, H5 ve H6 başlık elementleri için bootstrapda default olarak ayarlı gelen font ölçüleri ile başlık elementlerini kullanabilirsiniz.

Ek olarak başlık sınıflarını p elementinde de kullanabilirsiniz.

Başlık ve Alt başlık olarak kullanmak isterseniz. Aşağıdaki örnekte olduğu gibi ana başlık içinde small elementini kullanabilirsiniz.

Ayrıca small elementi ile bootstrap ile gelen text-danger, text-muted gibi farklı yazı renkleri içeren sınıflarıda kullanabilirsiniz.

Ekran Başlıkları

Üst tarafta anlatmış olduğum h1 başlıklarından biraz daha farklı olan ve daha büyük görünme sahip olan display başlıklarını kullanabilirsiniz.

Paragrafları Öne Çıkarın

.lead sınıfını kullanarak standart paragraflarınızdan daha büyük bir paragraf yazısı elde edebilirsiniz.

Satır içi metin öğeleri

Satır içi HTML5 elementleri içinde bootstrapda hazırlanmış stiller bulunmaktadır.

mark elementi – Bir kelimeyi veya bir kaç kelimeyi vurgulamak için mark elementini kullanabilirsiniz.
del elementi – Bir satır veya paragrafta üstü çizili yazı yazmak için del elementini kullanabilirsiniz.
s elementi – Bir satır veya paragrafta üstü çizili yazı yazmak için s elementini kullanabilirsiniz.
ins elementi – Bir satır veya paragrafta altı çizili yazı yazmak için ins elementini kullanabilirsiniz.
u elementi – Bir satır veya paragrafta altı çizili yazı yazmak için u elementini kullanabilirsiniz.
small elementi – Bir satır veya paragrafta yazılan yazıdan daha küçük bir ölçüde kelime veya kelimeler eklemeniz için small etiketi kullanabilirsiniz.
strong elementi – Bir satır veya paragrafta vurgulamak istediğiniz metin veya kelimeyi strong elementi ile kalın yazı haline getirebilirsiniz.
em elementi – Yazılarınızda italik yazı yazmak isterseniz em elementini kullanabilirsiniz.

 

Alıntı – Blockquote Elementi

Yazılarınızda bir alıntı yaptığınızda kullanabileceğiniz Blockquote elementini tercih edebilirsiniz.
Blockquote ile ilgili farklı kullanımları aşağıdaki örneklerde görebilirsiniz.

 

Hizalama

Yazılarınızı sağa dayalı veya sola dayalı yada ortalanmış yapmanız için aşağıdaki sınıfları kullanabilirsiniz.

– .text-left [Yazıyı sola hizala]
– .text-center [Yazıyı ortala]
– .text-right [Yazıyı sağa hizala]

 

Listeleme

Listeler oluşturabileceğiniz alt öğeler ekleyebileceğiniz listeleme örneklerini aşağıda görebilirsiniz.

– .list-unstyled [Listelemede default olarak gelen ayarları sıfırlar]

– .list-inline [Listeleme olarak girilen bilgileri yan yana yazar]

 

İlk Yorumu Siz Yapın

Bir cevap yazın

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