Bootstrap(前端开发框架)

什么是Bootstrap？

Bootstrap是Twitter公司于2011年研发的一款用于快速开发Web应用程序和网站的前段框架

是基于HTML,CSS,JS的，简介灵活，使Web开发更加快捷。

Bootstrap概述：

Bootstrap是一个建立一个页面，就可以在三个终端（pc，平板，手机）上完美展示的响应式前段框架

为什么使用Bootstrap？

1，Bootstrap的响应式设计（Bootstrap的响应式css能够自动适应台式机，平板电脑和手机）

2，Bootstrap在移动设备优先

3，浏览器支持Bootstrap

4，Bootstrap容易上手

 Bootstrap简单案例：

案例（使用Bootstrap写导航条）：

<!-- 导航条 -->
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<a class="navbar-brand" href="#">您好，欢迎来到***</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
				aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarNav">
				<ul class="navbar-nav">
					<li class="nav-item active">
						<a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">登录</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#">注册</a>
					</li>
					<li class="nav-item">
						<a class="nav-link ">我的购物车</a>
					</li>
				</ul>
			</div>
		</nav>

        案例效果预览：