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>