发表于: 2018-08-21 10:49:28
1 632
Today
1.导航部分,链接 hover 底部 白色 border 离链接太近,在chrome 中查看 导航 高度,和链接行高 ,修改后达到效果
2.
这行代码是为了视障人士 准备的,我哭了,你们呢
3.
header 最 top的布局,bs中的弹性布局
4. .container实现固定的宽度并居中呈现,.container-fluid实现全宽度,并和其它网格实现对齐
导航菜单我放在 .container-fluid 里实现100%宽度
5.呈现内容必须放置在列(.col-*
中,而且只有列可以是行的直接子元素,否则都是违法的(不可以在.col-*
以上添加呈现内容。
6..row
上带有margin-left: -15px;margin-right: -15px;
属性,你可以在.row
上上定义.no-gutters
属性,从而消除这个属性,使页面不会额外宽出30px,即<div class="row no-gutters"
7. 实现等宽多行,插入
<div class="w-100"></div>
8. 直接定义 .col 实现覆盖大中小所有设备
9. 使用单一的.col-sm-*
类方法,可以创建一个基本的网格系统,此时如果没有指定其它媒体查询断点宽度,这个栅格系统是成立的,而且会随着屏幕变窄成为超小屏幕.col-
后,自动成为每列一行、水平堆砌.
这个布局用在 footer
10. 完成 header 和footer 布局
Tomorrow
继续任务8
Gain
1.bootstrap 栅格布局
2.修改bs 默认样式
3.bs中的 弹性布局
Pain
1. ::after ::before 看到官网上面加了个,查了一下没看懂
2.footer 直接设置 color 并没有让所有文字和链接 变色 ,要 把 footer 里的元素都带上 ,为啥子
评论