master

分支 (1)

管理

管理

master

boostrap
/
index.html

<!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>