Bootstrap merkezi başlığı

Bu benim ilk Twitter Bootstrap deneyimim. Bazı başlıkları (h1, h2, vb.) Ekledim ve sol tarafa hizalandılar. Başlıkları merkezlemek için doğru yol nedir? Yorumlarınızı BaşınaBootstrap merkezi başlığı

kaynak

2012-06-22 SiberianGuy

Başlıkları nasıl dahil ediyorsunuz? Bir kapsayıcının içinde, p 'etiketi gibi mi, yoksa gevşek mi? –

@AndresIlich, satır içi sıvının içinde (konteyner sıvısının içinde) – SiberianGuy

tüm başlıkları merkezlemek mi istiyorsunuz? ya da sadece birkaç seçin? –

.text-left { 
    text-align: left; 
} 

.text-right { 
    text-align: right; 
} 

.text-center { 
    text-align: center; 
}

ön yükleme alanı metin hizalaması için üç css sınıfı ekledi.

kaynak

2013-03-01 06:02:02

, yapmanız gereken tek şey bu yüzden gibi aynı anda hepsine text-align:center ekleyin tüm başlıkları merkezi:

CSS

h1, h2, h3, h4, h5, h6 { 
     text-align: center; 
    }

kaynak

2012-06-22 14:45:46

merkezli tüm başlıkları almak istiyorum Doğruyken, twitter önyükleme kullanmanın ardındaki fikir, mevcut sınıfları mümkün olduğunca kullanmaktır. Jinpu Hu tarafından verilen cevaba bakınız. – Skurpi

@Skurpi Çerçeveler, bir projede kullanabileceğinizlere yönelik öneriler olarak işlev görür; Hiç bir şekilde verilmezler. Önyüklemede zaten verilen sınıfları ve stilleri kullanmak daha kolay olsa da, projenizin gereksinimleri "OP" sorusu çerçevesinde, çerçevede bazı ciddi değişiklikler yapmanıza "gereksiniminiz" getiriyorsa, bu değişikliklerin en kolay şekilde yapılmasını sağlamaktır. kök seviyesi. Gereksinim duymadığınız bir ton dersi eklemek yerine. –

@Skurpi Ayrıca, bu hizalama sınıfları (mevcut değil) (https://github.com/twitter/bootstrap/blob/71669dda63644a7b4162ca63f8b9c88b3586c7e4/docs/assets/css/bootstrap.css) yazım sırasında. Bu cevap bir yaşında. –

sadece merkez başlık için elementte class = 'text-center' kullanın.

<h2 class="text-center">sample center heading</h2>

kullanımı class = 'text-left' elemanda sol başlık için, sağ başlık için eleman = 'text-sağ' ve kullanım sınıfı.

kaynak

2016-05-22 20:44:33

Bootstrap birçok ön hazırlık sınıfı ile birlikte gelir ve bunlardan biri class="text-left". Lütfen gerektiğinde bu sınıfı arayın. :-)

kaynak

2016-10-13 13:01:53 Tinsae

Bootstrap merkezi başlığı

cevap

İlgili konular