CSS深入浅出-Bootstrap

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"这个
    一定要加在外面,不然会完蛋(丑)

你可能感兴趣的:(CSS深入浅出-Bootstrap)