【22】Bootstrap — 巨幕

最新推荐文章于 2022-06-14 07:25:27 发布

有心博客

最新推荐文章于 2022-06-14 07:25:27 发布

阅读量401

点赞数

文章标签： bootstrap 巨幕

本文链接：https://blog.csdn.net/qq_32629809/article/details/77864591

版权

这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap</title>
        <link rel="stylesheet" href="css/bootstrap.css" />
        <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
    </head>
    <body style="padding: 20px;">
        <div class="jumbotron">
            <div style="padding: 30px">
                <h1>Hello, world!</h1>
                <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
                <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
            </div>
        </div>
    </body>
</html>