Question

我正在尝试创建一个div，就像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>

你们有些人可以帮助我理解我在这里缺少的东西吗？

Answer 1

视口高度没有wh vh，并且不会忘记CSS属性值后的分号。除非你想要vw视口宽度，否则你的＆＃34; jumbotron＆＃34;没有高度。

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

演示：http://www.bootply.com/y5k73sN2nE

让Div像bootstrap jumbotron

1 个答案: