发表于: 2018-08-21 10:49:28

1 632


Today

1.导航部分,链接 hover 底部 白色 border 离链接太近,在chrome 中查看 导航 高度,和链接行高 ,修改后达到效果


2.

<span class="sr-only">(current)</span>

这行代码是为了视障人士 准备的,我哭了,你们呢


3.

 <div class="col d-flex justify-content-between ">

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 里的元素都带上 ,为啥子


返回列表 返回列表
评论

    分享到