bootsstrap介绍
1.ds于2011年,来自twitter公司,是目前最受欢迎的前端框架
2.是一个用于快速开发web应用程序和网站得前端框架
3.bootstrap是基于html,css,js的,简洁lh,使得web开发更为快捷
gangshu:bootstap是一个建立一个网页,就可以在三个终端(pc端,平板,电脑)
bootstrap库 http://v4.bootcss.com
引入库{bootstrap.css:bootstrap核心样式 【添加·到标签里】}
jquery-3.3.1.js:jquery库【注意:必须在bootstrap核心库引入之前引入jquery库】
bootstrap:js:bootstrap核心库
删格系统:概念:bootstrap提供了一套响应式,移动设备优先的流式网格系统
特点:会随着屏幕或者式口的增加 系统会自动分为最多12列
<!--删格dan主页框架-->
<div class="container">
<div class="row">
<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
</li>
</ul>
bootstrap2 1.首页轮廓图实现
2.首页书籍分类实现
3.首页新书上架&热门书籍实现
4.首页整合
5.实现登录&注册界面
画像
首页结合:完善轮播图(左右箭头 指示灯样式)
完善新书上架&热门书籍
<html>
<head>
<meta charset="utf-8">
<title>登录&注册</title>
<meta name="viewport"content="winth=device-width,initial-scale=1">
<!--引入bootstrap的css -->
<link rel="stylesheet"type="text/css"href="css/bootstrap.css"/>
<style type="text/css">
form{
width:300px;
/*宽度*/
text-align:center/*内容水平均中*/
margin-left:auto;
margin-right:auto;
/*上jj/
margin-top:100px;
}
form button{
width:300px;/*宽度*/
margin-bottom:20px;/*xjj*/
}
}