Bootstrap:最为重要的部分就是它的响应式布局,通过这种布局可以兼容 PC 端、PAD以及手机移动端的页面访问
大家可以去官网了解下,它是由组件、插件、全局css和栅格系统组成,其中栅格系统尤为重要。以下是栅格系统的一部分
接下来讲一下使用部分:
1、下载引入或者通过CDN引入(官网上有详细介绍)
2、http://v3.bootcss.com/css/
3、把示例代码贴过来演示效果,根据项目要求可以自己修改,
注意:Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入
最后说一下源码结构:主要分为三大核心目录:css(样式)、js(脚本)和fonts(字体)
1.css 目录中有四个 css 后缀的文件,其中包含 min 字样的,是压缩版本,一般使用这个;不包含的属于没有压缩的,可以学习了解 css 代码的文件;而 map 后缀的文件则是 css 源码映射表,在一些特定的浏览器工具中使用。
2.js 目录包含两个文件,是未压缩和压缩的 js 文件。
3.fonts 目录包含了不同后缀的字体文件。