使用 Bootstrap Jumbotron\
bootstrapweb developmentcss framework
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>

