学习响应式BootStrap来写融职教育网站，要是踩到坑就找我。

最新推荐文章于 2023-11-13 17:48:53 发布

zeuskk

最新推荐文章于 2023-11-13 17:48:53 发布

阅读量181

点赞数 1

分类专栏：大前端文章标签： bootstrap css html5

本文链接：https://blog.csdn.net/god953/article/details/117396213

版权

大前端专栏收录该内容

48 篇文章 1 订阅

订阅专栏

day01页面结构编写

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>融职教育</title>
    <!--    移动设备优先-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!--    引入bootstrap CSS-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        nav, header, section, footer {
            width: 100%;
            height: 100px;
            background: #aaa;
        }
    </style>

</head>
<body>
<!--顶部导肮开始-->
<nav></nav>
<!--顶部导肮结束-->

<!--头部开始-->
<header class="mt-4"></header>
<!--头部结束-->

<!--轮播图开始-->
<section class="mt-4"></section>
<!--轮播图结束-->

<!--你的收获开始-->
<section class="mt-4"></section>
<!--你的收获结束-->

<!--关注我们开始-->
<section class="mt-4"></section>
<!--关注我们结束-->

<!--成长平台开始-->
<section class="mt-4"></section>
<!--成长平台结束-->

<!--培养模式开始-->
<section class="mt-4"></section>
<!--培养模式结束-->

<!--面授培训开始-->
<section class="mt-4"></section>
<!--面授培训结束-->

<!--实习目标开始-->
<section class="mt-4"></section>
<!--实习目标结束-->

<!--你的总监开始-->
<section class="mt-4"></section>
<!--你的总监结束-->

<!--对标培训开始-->
<section class="mt-4"></section>
<!--对标培训结束-->

<!--工作环境开始-->
<section class="mt-4"></section>
<!--工作环境结束-->

<!--页脚开始-->
<footer class="mt-4"></footer>
<!--页脚结束-->


<!--先引入jQuery 在引入popper.js 最后在引入bootstrap.js-->
<script src="js/jquery-3.4.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>