Hvordan får du sentrert innhold ved hjelp av Twitter Bootstrap?

Dette er for tekstsentrering (som er hva spørsmålet handlet om)

For andre typer innhold, se Flaviens svar.

Oppdatering: Bootstrap 2.3.0+ svar.

Det opprinnelige svaret var for en tidlig versjon av bootstrap. Fra og med bootstrap 2.3.0 kan du ganske enkelt gi div klassen .text-center.

Originalt svar (før 2.3.0).

Du må definere en av de to klassene, row eller span12 med text-align: center. Se http://jsfiddle.net/xKSUH/ eller http://jsfiddle.net/xKSUH/1/

Den beste måten å gjøre dette på er å definere en css-stil:

.centered-text {
    text-align:center
}    

Deretter legger du til sentrert tekst der du trenger det på denne måten:

<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>

eller hvis du bare vil ha p-taggen sentrert:

<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>

Jo mindre inline css du bruker, jo bedre.

Klassen .show-grid bruker midtstilt tekst i eksemplet i lenken.

Du kan alltid legge til style="text-align:center" til din rad div eller en annen klasse vil jeg tro.