Bootstrap
是给没有前端的团队用的,因为它的使用方法就是复制粘贴。
Bootstrap的响应式布局主要是用了媒体查询和栅格系统,中文网上写着的。
下载
-
下载
官网链接:https://getbootstrap.com/
中文网链接:http://www.bootcss.com/
Bootstrap
强依赖jQuery,下载
curl https://code.jquery.com/jquery-3.3.1.js >> 文件名.js
-
引用
把下载后的Bootstrap
文件解压,放到你的项目目录,注意
然后在index.html
中引用css文件和js文件,每个一项就行。
再把下载的jquery
复制到项目目录,同样要引用,不顾最好写在最前面。
使用
-
布局容器
直接去中文网页面,点击全局CSS样式,按照教程走复制代码就行
布局容器有两个,上方的是固定响应式布局,下方是百分比布局,推荐用上方的,直接复制
-
组件,Js组件
去中文版页面,直接复制黏贴就行
如何学
- 有一定CSS基础,复制粘贴
- 有一定js基础,复制粘贴
- 看完中文文档
注意点
- 千万不要直接改class,要改样式的话外面再套曾div自己改
-
class="row"
这个<div>
一定要加在外面,不然会完蛋(丑)