2020.8.20+王杉

学习内容：

今天学习了bootstrap一些部分：

• 栅格布局：在web网页中的一些布局包括（table布局、div+css布局）然后就是boot中的栅格布局适合简单的页面复杂页面不建议用。
  1. 屏幕兼容问题从大到小：sm、md、lg、xl
  2. 使用：父级：.row 子级：.col-n（n为父类中1~12所占份数）。
  3. 响应式栅格布局：.col-&-n在中间的（&）替换sm、md、lg、xl等属性针对不同大小的屏幕 .col-n针对所有设备。
• boot下的弹性布局：
  1. 弹性容器：.d-flex/.d-inline-flex 响应式：同样在.d-&-flex/.d-&-inline-flex 的&替换不同屏幕属性大小。
  2. 主轴方向：.flex-row .flex-row-reverse Y轴方向类似column替换row。响应式也同上在中间添加。
• 组件：这里是开始正式的boot常见实用的地方都是些经常用到的地方。
  1. 按钮组：按钮放一起的效果。
  2. 下拉菜单：下拉菜单结构、创建、菜单弹出方向设置、菜单中添加标题、菜单中可用选项和禁用、下拉菜单定位、内嵌按钮和下拉菜单一起使用、事件的属性和用法。
  3. 提示框：基本的提示框alert、提示框样式（颜色）、提示框加链接.alert-link、关闭提示框、提示框动画（淡入.show淡出.fade）、事件的属性和用法。
  4. 导航：水平导航、垂直导航、选项卡导航、胶囊导航、面包屑导航。

心得：

今天我们手写了响应式布局，大概是熟悉了下响应式布局的写法，需要的注意的地方还是有一些的。bootstrap中和css相近的样式我们今天大概学完了，然后就是开始差不多真正进入bootstrap、今天开始讲了一些实用的组件的属性和用法，然后，后面就是要开始难起来了，需要综合和记的东西挺多的，总之加油。