CSS, vertikal ausrichten: Mitte mit Bootstrap

8

Ich habe ein ziemlich einfaches HTML / CSS-Problem, das auch ziemlich oft gefragt wird, aber leider habe ich es auch nach meiner Recherche nicht zum Laufen gebracht.

Ich benutze Bootstrap (3 RC2) und möchte ein Bild vertikal in die Mitte einer Zeile ausrichten.

%Vor%

Das zweite, kleinere Bild sollte vertikal in der Mitte von div.row zentriert sein. Es scheint jedoch nicht zu funktionieren. Sie können das Problem mit dieser Geige sehen: Ссылка

Es ist erforderlich, das Reaktionsverhalten des Bootstrap nicht zu unterbrechen, d. h. wenn ein Gerät mit geringer Breite verwendet wird, sollte das zweite Bild horizontal unter dem ersten Bild geheftet werden.

    
dirkk 15.08.2013, 09:47
quelle

8 Antworten

3
%Vor%     
user3778043 26.06.2014 06:39
quelle
3

Es wird gut funktionieren. Verwenden Sie dies für diesen Abschnitt. Es ist vertikal und horizontal ausgerichtet.

%Vor%     
Mohaideen Ismail 12.07.2014 11:45
quelle
1

Der Punkt ist, dass Sie brauchen, dass die Spalten die gleiche Höhe haben, also könnten Sie vielleicht so etwas tun:

Ihr html

%Vor%

Dein CSS

%Vor%

Der größte Teil davon stammt von hier: Ссылка

Hier können Sie eine Geige sehen

Ссылка

    
Daniele 16.07.2014 13:05
quelle
0
%Vor%

Sie müssen dieses div umbrechen.

    
Ashwani 15.08.2013 10:03
quelle
0
%Vor%

vertical-align wird nur innerhalb von Elementen verwendet

In diesem Fall ist Ihr Bild 100 (w) x 116 (h)

so oben: 50%; dann Rand oben Hälfte der Bildhöhe (58px)

dann wird das Bild vertikal zentriert

Aktualisieren

eine andere Methode

%Vor%     
user2678106 15.08.2013 09:52
quelle
0

Problem gelöst.

CSS:

%Vor%

HTML:

%Vor%

Aktualisierte Geige: Ссылка

    
Avin Varghese 15.08.2013 11:49
quelle
0

Wahrscheinlich ist das keine sehr elegante Lösung, aber dieses scheint zu funktionieren:

%Vor%

Ссылка

    
James 15.08.2013 13:53
quelle
0
%Vor%

Übernehmen Sie css auf dem übergeordneten Bild-Div

%Vor%     
Dev 30.12.2013 07:43
quelle

Tags und Links