• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bootstrap text zentrieren

Werbung:
Hallo,

ich denke das du eher den Container mit dem Text zentrieren möchtest.

Dazu kannst du dem umgebenden div

Code:
<div class="col-md-7 col-sm-12">

noch die Klasse

Code:
center-block

hinzufügen, also

Code:
<div class="col-md-7 col-sm-12 center-block">

Gruss

MrMurphy
 
Werbung:
Hallo,

du hast recht, ich hatte das Gridsystem nicht richtig beachtet. Probiere mal statt

Code:
<div class="col-md-7 col-sm-12">

folgendes aus:

Code:
<div class="col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6">

Dadurch wird das Grid-System von Bootstrap zum zentrieren benutzt.

Das Gridsystem besteht aus 12 Spalten. Die Klassen mit offset geben die Anzahl Spalten an, die links von der ersten genutzten Spalte leer bleiben sollen. Wenn nach den genutzten Spalten keine im Quelltext eingetragen werden bleiben die ebenfalls leer.

Bei großen Bildschirmen bleiben so die ersten vier Spalten leer, der Text ist vier Spalten breit und die letzten 4 Spalten sind wieder leer.

Bei mittleren Bildschirmen ist das Verhältnis: 3 Spalten leer, 6 Spalten Text, 3 Spalten leer.

Gruss

MrMurphy
 
Werbung:
Ich denke, das geht schon mit einer zusätzlichen Bootstrap Standardklasse, nur muss man text-center nehmen statt des zunächst vorgeschlagenen center-block
 
Zuletzt bearbeitet:
Zurück
Oben