发表于： 2019-05-04 23:25:07
1 727
今天完成的事情：
1.看完bootstrap
2.完成小部分任务八
明天计划的事情：
1.完成一半任务八
遇到的问题：
1.相邻的背景图之间有间隙
1.1 经过师兄讲解后了解了，因为内联块或内联元素之间，换行空格都会产生间隙，设置
font-size为0即可
2.设置flex，align-items：center 两个块都无法居中
2.1 第一是因为bootstrap本身就有flex，重复设置容易出错，第二就是设置align-items：
center时父级跟子级必须都设置了宽度
收获：
bootstrap：
进度条 progress，progress-bar
进度条高度，进度条内文本，进度条颜色，条纹进度条，条纹动画进度条，混色色彩进度条
分页 pagination ，page-item
ul子级li，高亮页面，不可点击分页链接，分页设置大小，面包屑导航
列表组 list-group，list-group-item
ul子级li，高亮列表组，禁用列表组，链接列表组，列表组颜色
卡片 card，card-body
头部底部样式，卡片颜色，设置标题/文本/链接，图片卡片
下拉菜单 dropdown，dropdown-menu/item，按钮或链接需要添加 .dropdown-toggle 和 data-toggle="dropdown"
下拉菜单分割线，下拉菜单标题，下拉菜单高亮与禁用，下拉菜单定位，向上弹出下拉菜单，按钮中设置下拉菜单
折叠 data-toggle="collapse" 属性。 data-target="#id"
a标签可用href=“id”，默认内容隐藏可以用show默认显示，手风琴实例
导航 nav，nav-item
ul子元素li ，导航栏对齐方式，垂直导航，选项卡(可高亮)，胶囊导航(块状蓝背景)，导航等宽(自适应屏幕)，下拉菜单(选项卡，胶囊)，动态(选项卡，胶囊)可调到对应内容上
导航栏 .navbar-expand-xl|lg|md|sm小屏上水平会切换为垂直
navbar-nav ，nav-item
nav子元素ul子元素li，垂直导航栏，导航栏颜色(bg，自身)，高亮
(navbar-brand子元素添加图片会自适应父级导航栏)，折叠导航栏，导航栏下拉菜单，导航栏表单与按钮，导航栏文本(非链接)，
固定导航栏，
面包屑导航栏 breadcrumb，breadcrumb-item
表单 表单元素 <input>, <textarea>, 和 <select> elements 在使用 .form-control 类的情况下，宽度都是设置为 100%。
堆叠表单(垂直方向)，内联表单(水平方向)，
表单控件
input，textarea，checkbox，radio，select
输入框组 input-group
输入框前后添加文本(复选框单选框，按钮组，下拉菜单)，输入框大小，多个输入框和文本，输入框标签(点击标签输入框聚焦)
自定义表单
自定义复选框，自定义单选框，自定义控件显示在同一行，自定义选择菜单，自定义滑块控件，自定义上传控价，
轮播
创建轮播，轮播图上描述
模态框
创建模态框，模态框尺寸
提示框
创建提示框，指定提示框位置
弹出框
创建弹出框，指定弹出框位置，关闭弹出框，
滚动条监听
创建滚动监听，
小工具
边框，边框颜色，边框圆角，浮动，响应式浮动，居中对齐，宽，高
多媒体对象
基础多媒体对象，多媒体对象嵌套，多配体对象图片在右，定位多媒体图片位置，
返回列表
评论