发表于: 2019-01-02 21:35:51

1 701


今天完成的事情,任务8首页轮播图与内容部分。

遇到的问题1,轮播图跳转按钮改变形状,引过来的css布局的文件感觉,不知道怎么样在框架里调圆形。没想到是在css部分直接加入圆角属性就行了。


遇到的问题2

内容部分使用flax布局之后,需要让内容在700px的时候布局发生变化,500px在发生一次变化。师兄说让使用bootstrap的网格系统。设置之后发现有问题。

给类选择器设置,col-lg-4,总共12列,各独占3列空间,但是无法生效。询问师兄之后,才发现布局有问题,左右的空间我自己设置的margin,所以导致无法生效,bootstrap选择器设置Container来实现左右边距,设置了container之后,他会自动留出边距,还可以自适应。但是里面好多我都使用了设置margin,就导致写的很乱,需要重新去布局。

今天的收获,bootstrap轮播图的使用,bootstrap网格系统的运用。Container在bootstrap布局中至关重要,他可以自动设置两边的边距,也是运用栅格系统的重要条件!网格布局自动分为12列,我们也可以根据自己的需要,定义列数。网格系统的布局的大小可以任我们去定义。缩放到一定程度,他会重新布局去适配屏幕。在屏幕边小的时候,内容布局就会跟着去改变,让用户获得更好的体验。

明天计划,写完首页页面,改变样式,能不用css布局去写就尽量不去在css里面写,锻炼一下自己bootstrap的理解能力,发现自己对知识点的消化能力很差,元旦过后,把心态蹦起来。


返回列表 返回列表
评论

    分享到