En son web geliştirme öğreticiler
 

Bootstrap CSS Tipografi Referans


Bootstrap's Varsayılan Ayarları

Bootstrap's genel varsayılan font-size bir ile, 14px olan line-height 1.428 arasında.

Bu uygulanır <body> ve tüm paragraflar.

Buna ek olarak, tüm <p> elemanları yarısını bilgisayarlı çizgi yüksekliği eşittir bir alt kenar boşluğu var (10px by default) .


matbaacılık

Aşağıdaki öğeler tarayıcı varsayılan daha Bootstrap tarafından farklı biraz tarz olacaktır HTML unsurlarıdır. Bak "Try it" sonuç / farklılıkları görmek için örnekler.

Aşağıdaki sınıflar başka elemanlarını stil kullanılır.

Eleman / Sınıf Açıklama Örnek
<h1> - <h6>
or
.h1 - .h6
h1 - h6 başlıkları Dene
<small> Herhangi bir pozisyonda yer yer hafif, orta metni oluşturur

Başlık (ikincil metin)

Dene
.small Daha küçük metin gösterir (set to 85% of the size of the parent) : Daha küçük metin Dene
.lead Bir metin öne yapar: Metin sıyrılın Dene
<mark>
or
.mark
Önemli metni: Vurgulanan metni Dene
<del> Silinen metin gösterir: Silinmiş metin Dene
<s> Artık ilgili metni gösterir: Artık ilgili metin Dene
<ins> Eklenen metni gösterir: Eklenen metin Dene
<u> Altı çizili metni gösterir: Altı çizili metin Dene
<strong> Kalın metin gösterir: Kalın yazı Dene
<em> Italik metin gösterir: İtalik metin Dene
.text-left sola hizalanmış metni gösterir Dene
.text-center hizalanmış metni gösterir Dene
.text-right sağa hizalanmış metni gösterir Dene
.text-justify haklı metni gösterir Dene
.text-nowrap Hiçbir sarma metni gösterir Dene
.text-lowercase Küçük harfli metni gösterir: küçük harfli METİN Dene
.text-uppercase Büyük harfli metni gösterir: Büyük harfli metin Dene
.text-capitalize Harflerin gösterir: metinde büyük harflerin Dene
<abbr> <abbr> elemanı bir kısaltmanın gösterir. Bir başlık ile Kısaltmalar vurgulu ek bağlam sağlamak, noktalı alt sınır ve fareyle üzerine yardım imleci var bağlıyor. Dene
.initialism Içindeki metni görüntüler <abbr> biraz daha küçük bir yazı tipi boyutu eleman Dene
<address> iletişim bilgileri sunar Dene
<blockquote> başka bir kaynaktan içerik bloklarını gösterir Dene
.blockquote-reverse sağa hizalanmış içeriğe sahip bir blok alıntı etiketi belirtir Dene
<ul> Sırasız liste gösterir Dene
<ol> sıralı bir listesini gösterir Dene
.list-unstyled Liste öğeleri varsayılan liste stili ve sol kenar boşluğu kaldırır (her ikisi üzerinde çalışır <ul> ve <ol> ). Bu sınıf yalnızca (herhangi yuvalanmış listelerden varsayılan liste stili kaldırmak yanı herhangi yuvalanmış listelerine bu sınıfı uygulamak için) acil çocuk liste öğeleri için geçerlidir Dene
.list-inline tek bir satırda yerler tüm liste öğeleri Dene
<dl> Bir açıklama listesini gösterir Dene
.dl-horizontal Terimleri ve açıklamaları kadar hatları <dl> elemanının yan tarafı. Varsayılan gibi kapalı başlatır <dl>s , ancak tarayıcı penceresi genişlediğinde, bu yan-yana sıraya olacak Dene

kod

Eleman / Sınıf Açıklama Örnek
<var> Değişkenleri gösterir: x = a b + y Dene
<kbd> : Genellikle klavye ile girilen girişi gösterir CTRL + P Dene
<pre> kod birden fazla satır gösterir Dene
<pre class="pre-scrollable"> kaydırma çubuğu ile kod birden fazla satır gösterir Dene
<samp> Bir bilgisayar programından örnek çıkışını gösterir: Örnek çıktı Dene
<code> : Inline kod parçacıkları belirtir span , div Dene