使用Bootstrap Jumbotron
Jumbotron组件可以选择增加标题的大小,并为目标页面内容增加很多边距。
要使用它,请遵循以下给定的步骤-
用类.jumbotron创建一个容器<div>。
除了较大的<h1>之外,字体粗细也减小为200
让我们看一个例子-
示例
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<script src = "/scripts/jquery.min.js"></script>
<script src = "/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class = "container">
<div class = "jumbotron">
<h1>Welcome to first page!</h1>
<p>Example for jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Button</a>
</p>
</div>
</div>
</body>
</html>