发表于: 2018-08-08 23:05:09
2 688
今天完成的事情
1.继续任务六布局,
2.简单看了部分bootstrap内容
明天计划的事情
继续研究任务六
遇到的问题
1.做出来的页面当屏幕过小时,表格内容大小不能根据屏幕改变
2.第二部分所在地、食宿、病人情况加了个右边框,但边框有点长,不知道怎么改;中间主要部分左边的三行文字间隙不知道怎么调,代码被改的自己都觉得很乱
收获
1.任务六底部开始用了绝得定位,后改成了固定定位,但三个图标用flex布局justify-content-space-around不起作用,最后给加了100%宽度好了;相应的头部也用了固定定位,但未占满页面,在body中把padding和margin都设为0就好了;中间部分25元/小时用了右浮动放在了右边
2.Bootstrap网格布局:系统会自动把水平方向分为最多12列,要用container容器,行用row控制,行必须放置在 .container class 内,使用行来创建列的水平组,内容应该放置在列内,列是行的直接子元素。
<div class=”container”>
<div class=”row”>
<div class=”col-md-6”>
<P>123</p>
</div>
<div class=”col-md-6”>
<P>123</p>
</div>
</div>
</div>
Bootstrap要给标题加一个内联子标题,在元素两旁添加 <small>就可以,如:<h1>我是标题 <small>我是副标题</small></h1>
Bootstrap列表,去掉列表项标志用list-unstyled设置,list-inline设置内联列表,让列表拍成一列
评论