Jeg prøver å følge et veldig enkelt eksempel. Ved å bruke startsiden og rutenettsystemet håpet jeg på følgende:
<div class="row">
<div class="span12">
<h1>Bootstrap starter template</h1>
<p>Example text.</p>
</div>
</div>
...vil produsere sentrert tekst.
Det vises imidlertid fortsatt helt til venstre. Hva gjør jeg galt?
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
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.