Bootstrap text zentrieren

[deluxemcpvp]

u

 

[MrMurphy]

Hallo,

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

Dazu kannst du dem umgebenden div

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

noch die Klasse

center-block

hinzufügen, also

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

Gruss

MrMurphy

 

[deluxemcpvp]

Hallo,

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

Dazu kannst du dem umgebenden div

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

noch die Klasse

center-block

hinzufügen, also

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

Gruss

MrMurphy

Geht bei mir irgentwie nicht

 

[MrMurphy]

Hallo,

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

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

folgendes aus:

<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

 

[deluxemcpvp]

cool, danke!

 

[thecain]

Die frage wegzueditieren ist nicht die feine art...

 

[NetAktiv]

Ich denke, das geht schon mit einer zusätzlichen Bootstrap Standardklasse, nur muss man text-center nehmen statt des zunächst vorgeschlagenen center-block