Ich versuche, ein sehr einfaches Beispiel zu folgen. Unter Verwendung der Startseite und das Rastersystem, ich hoffte, das folgende:
<div class="row">
<div class="span12">
<h1>Bootstrap starter template</h1>
<p>Example text.</p>
</div>
</div>
...würde zentrierten Text erzeugen.
Er erscheint jedoch immer noch ganz links. Was mache ich falsch?
Für andere Arten von Inhalten siehe Flavien's Antwort.
Update: Bootstrap 2.3.0+ Antwort
Die ursprüngliche Antwort bezog sich auf eine frühe Version von Bootstrap. Ab Bootstrap 2.3.0 können Sie dem div einfach die Klasse .text-center
geben.
Original-Antwort (vor 2.3.0)
Sie müssen eine der beiden Klassen, row
oder span12
mit einem text-align: center
definieren. Siehe
Der beste Weg, dies zu tun, ist die Definition eines CSS-Stils:
.centered-text {
text-align:center
}
Dann fügen Sie überall dort, wo Sie zentrierten Text benötigen, diesen wie folgt ein:
<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>
oder wenn Sie nur das p-Tag zentriert haben wollen:
<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>
Je weniger Inline-CSS Sie verwenden, desto besser.