代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="Bootstrap 4 Interface Builder | LayoutIt!" />
<meta name="description"
content="LayoutIt! is a interface builder for CSS Grid and Bootstrap that wants to be the kick-off for your front-end developments." />
<meta name="keywords" content="Boostrap css" />
<title>Bootstrap|LayoutIt!</title>
<style>
.myClass {
margin-bottom: 1em;
}
.mysvg {
position: relative;
top: 10px
}
</style>
<!-- <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/4.5.3/css/bootstrap.css" rel="stylesheet"> -->
<!-- <script type="text/javascript" src="//cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/bootstrap/4.5.3/js/bootstrap.js"></script> -->
<link href="./bootstrap4/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="bootstrap4/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap4/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="jumbotron">
<h1>Bootstrap可视化布局
</h1>
<p>
<a class="btn btn-primary btn-large" href="https://www.bootcss.com/">中文官网</a>
</p>
</div>
<div class="row clearfix">
<div class="col-md-4 column myClass">
<a class="btn btn-lg btn-primary btn-block" href="./bootstrap4/bootstrap4.html"><svg
xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
class="bi bi-balloon-heart mysvg" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="m8 2.42-.717-.737c-1.13-1.161-3.243-.777-4.01.72-.35.685-.451 1.707.236 3.062C4.16 6.753 5.52 8.32 8 10.042c2.479-1.723 3.839-3.29 4.491-4.577.687-1.355.587-2.377.236-3.061-.767-1.498-2.88-1.882-4.01-.721L8 2.42Zm-.49 8.5c-10.78-7.44-3-13.155.359-10.063.045.041.089.084.132.129.043-.045.087-.088.132-.129 3.36-3.092 11.137 2.624.357 10.063l.235.468a.25.25 0 1 1-.448.224l-.008-.017c.008.11.02.202.037.29.054.27.161.488.419 1.003.288.578.235 1.15.076 1.629-.157.469-.422.867-.588 1.115l-.004.007a.25.25 0 1 1-.416-.278c.168-.252.4-.6.533-1.003.133-.396.163-.824-.049-1.246l-.013-.028c-.24-.48-.38-.758-.448-1.102a3.177 3.177 0 0 1-.052-.45l-.04.08a.25.25 0 1 1-.447-.224l.235-.468ZM6.013 2.06c-.649-.18-1.483.083-1.85.798-.131.258-.245.689-.08 1.335.063.244.414.198.487-.043.21-.697.627-1.447 1.359-1.692.217-.073.304-.337.084-.398Z" />
</svg>Bootstrap4</a>
</div>
<div class="col-md-4 column myClass">
<a class="btn btn-lg btn-primary btn-block" href="./bootstrap3/bootstrap3.html"> <svg
xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
class="bi bi-balloon-heart mysvg" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="m8 2.42-.717-.737c-1.13-1.161-3.243-.777-4.01.72-.35.685-.451 1.707.236 3.062C4.16 6.753 5.52 8.32 8 10.042c2.479-1.723 3.839-3.29 4.491-4.577.687-1.355.587-2.377.236-3.061-.767-1.498-2.88-1.882-4.01-.721L8 2.42Zm-.49 8.5c-10.78-7.44-3-13.155.359-10.063.045.041.089.084.132.129.043-.045.087-.088.132-.129 3.36-3.092 11.137 2.624.357 10.063l.235.468a.25.25 0 1 1-.448.224l-.008-.017c.008.11.02.202.037.29.054.27.161.488.419 1.003.288.578.235 1.15.076 1.629-.157.469-.422.867-.588 1.115l-.004.007a.25.25 0 1 1-.416-.278c.168-.252.4-.6.533-1.003.133-.396.163-.824-.049-1.246l-.013-.028c-.24-.48-.38-.758-.448-1.102a3.177 3.177 0 0 1-.052-.45l-.04.08a.25.25 0 1 1-.447-.224l.235-.468ZM6.013 2.06c-.649-.18-1.483.083-1.85.798-.131.258-.245.689-.08 1.335.063.244.414.198.487-.043.21-.697.627-1.447 1.359-1.692.217-.073.304-.337.084-.398Z" />
</svg>Bootstrap3 </a>
</div>
<div class="col-md-4 column myClass">
<a class="btn btn-primary btn-block btn-lg" href="./bootstrap2/bootstrap2.html"><svg
xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
class="bi bi-balloon-heart mysvg" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="m8 2.42-.717-.737c-1.13-1.161-3.243-.777-4.01.72-.35.685-.451 1.707.236 3.062C4.16 6.753 5.52 8.32 8 10.042c2.479-1.723 3.839-3.29 4.491-4.577.687-1.355.587-2.377.236-3.061-.767-1.498-2.88-1.882-4.01-.721L8 2.42Zm-.49 8.5c-10.78-7.44-3-13.155.359-10.063.045.041.089.084.132.129.043-.045.087-.088.132-.129 3.36-3.092 11.137 2.624.357 10.063l.235.468a.25.25 0 1 1-.448.224l-.008-.017c.008.11.02.202.037.29.054.27.161.488.419 1.003.288.578.235 1.15.076 1.629-.157.469-.422.867-.588 1.115l-.004.007a.25.25 0 1 1-.416-.278c.168-.252.4-.6.533-1.003.133-.396.163-.824-.049-1.246l-.013-.028c-.24-.48-.38-.758-.448-1.102a3.177 3.177 0 0 1-.052-.45l-.04.08a.25.25 0 1 1-.447-.224l.235-.468ZM6.013 2.06c-.649-.18-1.483.083-1.85.798-.131.258-.245.689-.08 1.335.063.244.414.198.487-.043.21-.697.627-1.447 1.359-1.692.217-.073.304-.337.084-.398Z" />
</svg>Bootstrap2</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<img src="img/reward.png" alt="" style="width:40%;">
</img>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。