发表于: 2018-08-08 23:05:09

2 688


今天完成的事情

1.继续任务六布局,

2.简单看了部分bootstrap内容


明天计划的事情

继续研究任务六


遇到的问题

1.做出来的页面当屏幕过小时,表格内容大小能根据屏幕改变

2.第二部分所在地、食宿、病人情况加了个右边框,但边框有点长,不知道怎么改;中间主要部分左边的三行文字间隙不知道怎么调,代码被改的自己都觉得很乱

 

收获

1.任务六底部开始用了绝得定位,后改成了固定定位,但三个图标用flex布局justify-content-space-around不起作用,最后给加了100%宽度好了;相应的头部也用了固定定位,但未占满页面,在body中把paddingmargin都设为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设置内联列表,让列表拍成一列



返回列表 返回列表
评论

    分享到