什么是Bootstrap？
Bootstrap被Twitter公司于2011年制作，为现在最受欢迎的前端框架
是一个用于快速开发Web应用程序和网站的前端框架
被创作时的灵感是有人提出建立一个可以在三个终端（PC端，平板，手机）上展示的页面
为什么选择Bootstrap?
响应式设计（Bootstrap的CSS能自适应三端）
移动设备优先（手机端优先）
浏览器支持（很多浏览器都支持）
易上手（简单）
哪里可用到？
企业网站，博客，网站后台之类的网站
注意：电商不太推荐，电商网站分类过多
怎么使用Bootstrap?
下载Bootstrap库
网址为：https://v4.bootcss.com/
css与js文件夹所需文件：
案例
通过按钮对比自写效果与调用bootstrap效果：
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.aa{
color: white;
background-color: red;
border:0px;
width: 60px;
height: 40px;
border-radius: 5px;
margin: 10px 0px 0px 10px;
}
</style>
</head>
<body>
<button class="aa" >查询</button>
</body>
调用bootstrap代码：
<body>
<button type="button" class="btn btn-danger">查询</button>
</body>
可以看出代码量和便利性的差距
自写效果预览：
调用bootstrap效果预览：
调用bootstrap效果预览：
扫一扫
145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
