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"这个<div>一定要加在外面,不然会完蛋(丑)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容