Çok basit bir örneği takip etmeye çalışıyorum. Başlangıç sayfasını ve ızgara sistemini]1 kullanarak, aşağıdakileri umuyordum:
<div class="row">
<div class="span12">
<h1>Bootstrap starter template</h1>
<p>Example text.</p>
</div>
</div>
...ortalanmış metin üretecektir.
Ancak, hala en solda görünmektedir. Neyi yanlış yapıyorum?
Diğer içerik türleri için Flavien'in yanıtı bölümüne bakın.
Güncelleme: Bootstrap 2.3.0+ Yanıt
Orijinal cevap bootstrap'in erken bir sürümü içindi. Bootstrap 2.3.0'dan itibaren, sadece div'e .text-center
sınıfını verebilirsiniz.
Orijinal Cevap (2.3.0 öncesi)
İki sınıftan birini, text-align: center
ile row
veya span12
tanımlamanız gerekir. Bkz.
Bunu yapmanın en iyi yolu bir css stili tanımlamaktır:
.centered-text {
text-align:center
}
Daha sonra ortalanmış metne ihtiyaç duyduğunuz her yere bu şekilde eklersiniz:
<div class="row">
<div class="span12 centered-text">
<h1>Bootstrap starter template</h1>
<p>Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p>
</div>
</div>
veya sadece p etiketinin ortalanmasını istiyorsanız:
<div class="row">
<div class="span12 centered-text">
<h1>Bootstrap starter template</h1>
<p class="centered-text">Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p>
</div>
</div>
Ne kadar az satır içi css kullanırsanız o kadar iyi.