2017-04-03 3 views
-1

Ich versuche, ein Div wie Jumbotron-Klasse in Bootstrap zu erstellen. Versuchte alles auf dem Stapel, aber nirgendwohin.Make Div wie bootstrap jumbotron

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <title>Center</title> 
    <style> 
    .centerlize { 
    width: 100%; 
    width: 100wh 
    background-color: blue; 
    color: white; 
    } 
    </style> 
</head> 

<body> 
    <div class="centerlize"> 
    <h1>Test</h1> 
    </div> 
</body> 

Kann einige von euch mir helfen, zu verstehen, was ich hier fehlt?

Antwort

0

Es gibt keine wh es ist vh für Ansichtsfensterhöhe, und vergessen Sie nicht das Semikolon nach den CSS-Eigenschaftswerten. Es sei denn, Sie wollten vw für die Breite des Darstellungsbereichs, aber dann würde Ihr "Jumbotron" keine Höhe haben.

.centerlize { 
    width: 100%; 
    height: 100vh; 
    background-color: blue; 
    color: white; 
} 

Demo: http://www.bootply.com/y5k73sN2nE

Verwandte Themen