今日学习日记：

学习知识点:

1. 我们今天学习了bootstrap，今天让我了解什么是bootstrap和一些基本操作

2. 首先bootstrap所有东西都依赖于Jquery，所以我们写一些小demo的时候，第一步就是先引入Jquery，第二步引入poper，第三步引入bootstrap的js文档，然后引入css文档

3. bootstrap 的容器：container container-fluid，container：主要是占据内容框，宽不是总屏幕的宽度，container-fluid：就是总屏幕的宽度

4. 按钮操作：第一步就是.btn 说这个是按钮，然后按钮的颜色：btn-danger,btn-success等等. 按钮的边框:btn-outline-danger等 按钮的特殊形式 btn-link链接 btn-block占据一行 。激活和禁用按钮:disabled active 注意：必须声明按钮时链接按钮才有作用 btn-link

5. 图片的操作：.rounded 给图片加上边框为0.25rem ，rounded-cirlce给图片加上border-radiurs：50%的边框圆角

   ,图片的对齐方式；float-left，float-right，img-fluid是响应图片

文字相关：

1. ​ text-danger ：文字的颜色为红色等等
2. font-weight-bold :给文字加粗，font-weight-light：给文字变细
3. 字母的大小写：text-uppercase 全部大写 text-lowercase:图片全部小写 text-capitalize:首字母大写
4. 字号的大小：h1-h6，dispaly-1 -- display-4
5. 文本的对齐方式：text-left ,text-right,text-center,响应式的写法：text-*-left/right/center
6. 文本的样式：font-italic

背景颜色：

bg-danger:红色,bg-success:绿色,bg-warning:黄色等等

列表相关的

ul的类名：list-unstyled:去除标志符号和左内边距

li的类名:对于每个li都必须声明是list-group-item 列表项

1. list-group-item-danger:列表的背景颜色为红色等等

2. list-group-item-action:链接列表项

3. disabled:禁用列表项的样式

4. active：激活列表中的样式

边框：.border基本类

1. 边框的颜色：border-danger红色等等
2. 边框的单边设置：border-left,border-right,border-top,border-bottom
3. 清楚4个方向的边框：border-0;
4. 清楚单边的边框：border-top-0；border-left-0，border-right-0，border-bottom-0
5. 边框的圆角：.rounded,.rounded-cirlce, .rounded-top上边框的圆角，.rounded-left:做边框的圆角。

今日学习心得

老师讲的很棒