Wie bekomme ich die richtige Bootstrap Jumbotron Höhe?

8

Ich habe ein sehr einfaches Beispiel für einen Bootstrap-Jumbotron, der in zwei Teile aufgeteilt ist. Der linke Teil enthält etwas Text, der rechte Teil enthält ein Bild:

%Vor%

Siehe auch mein Bootply-Beispiel . Aus irgendeinem Grund ist die Höhe des Hintergrunds des Jumbotrons nicht groß genug, um den Text und das Bild aufzunehmen. Was muss ich tun, um das Problem zu beheben?

    
Paul Jansen 07.06.2014, 09:30
quelle

5 Antworten

4

Vielleicht ein bisschen spät, aber ich glaube, Ihre Lösung wird Jumbotron und Container-Flüssigkeit

sein

%Vor%
    
Dinand 16.07.2015, 11:37
quelle
8

Ich habe das getestet und es funktioniert.

Sie können Ihr Jumbotron-div-Tag so bearbeiten, dass es den css-Klassencontainer enthält.

Beispiel:

%Vor%     
Trey Brister 07.06.2014 13:16
quelle
3

Sie können versuchen, dies Ihrem Stylesheet hinzuzufügen.

%Vor%

Sie können Ihrem Körper auch eine zusätzliche Klasse wie <body class="test"> hinzufügen und dieses CSS verwenden

%Vor%

Sie können min-height an Ihre Inhalte anpassen.

    
Trey Brister 07.06.2014 09:55
quelle
0

Es kann nur für Bootstrap 4 gelten, aber das hat es für mich gelöst ...

%Vor%     
C_Lac 12.07.2016 00:25
quelle
0

scheint, dass keine Antwort richtig ist, da alle Container-Klassen auch andere Eigenschaften haben, also sollte die sauberste% clearfix auf diese Weise sein:

%Vor%
    
Facundo Colombier 10.01.2017 14:49
quelle

Tags und Links