Bootstrap

1 什么是Bootstrap

Bootstrop是一个用于快速开发Web应用程序的网站的前端框架

诞生于2011年 来自witter公司 是目前最受欢迎的前端框架

2 我们为什么要学习Bootstrap

因为Bootstrap支持浏览器 移动设备优先 Bootstrap的响应式css能够

自动适应台式机 平板电脑和手机 还简单易学

3 Bootstrap一般在那些地方使用

一般适用于 企业网站 博客 网站后台之类的网站

分类比较多的电商平台

4 怎么样安装使用呢

1下载Bootstrap库 网站为

点击画圈的地方进入下载

下面是代码展示使用Bootstrap

 下载好的Bootstrap库需要放入js中

<!-- 引入Bootstrap的样式 -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<style type="text/css">
			.navbar-collapse{
				flex-grow: 0;/*固定容器中 1代表弹性扩大占用父容器剩余空间 0代表不占空间 */
			}
			.form-group{
				width: 330px;/* 宽度 */
				margin-left: auto;/* 左间距自适应 */
				margin-right: auto;/*  */
				margin-top: 31px;/* 100-38=62/2=31px */
				
			}
			.ss{
				height: 100px;/* 高度 */
				margin-top: ;/* 上间距 */
				background-color: coral;/* 背景颜色 */
				
			}
		</style>

<script src="js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>