学习笔记_bootstrap

Bootstrap是一款前端开发工具。bootstrap的响应式布局，适配不同分辨率的设备（手机，电脑，平板等）。
使用此框架时，html页面需要引入的几个必要的文件。可参照bootstrap官网（https://v3.bootcss.com/getting-started/#download），基本模板里面有3个必要的资源文件，其次是3个基本文件。这三个基本文件导入路径，选择（自己下载的bootstrap解压后的文件将其复制到项目中）这里面的文件引入。
bootstrap的响应式布局主要是依赖于它的栅格系统。栅格系统将一行平均分成12个格子。可以指定元素占几个格子。

bootstrap的实现步骤：

1. 定义容器，相当于table
   容器分类：
   container:屏幕两边有留白。
   container-fluid：占满屏幕百分百。
2. 定义行，相当于tr
   样式：row
3. 定义元素，指定该元素在不同设备上，所占的格子数目。
   样式：col-设备代号-格子数目
   设备代号：

• xs 超小屏幕 手机（小于768px）
• sm 小屏幕 平板（大于768px）
• md 中等屏幕 桌面显示器（大于1200px）
• lg 大屏幕 大桌面显示器（大于1200px）

bootstrap的css样式：这部分知识主要是怎么用以及查找，可多上官网里面去查找。里面定义的按钮，组件有很多案例，记着没事上官网逛逛🤔🤔
………待续