发表于: 2017-03-23 08:26:14

2 771


今天完成的事情:

学习慕课网bootstrap基础,把菜单、按钮及导航粗略的过了一遍,按照范例写一些代码验证一下效果。

完成页面一的header部分,做出头部导航栏:

在页宽小于768px时可将菜单隐藏为按钮:

但是不知道为什么点击按钮并没有出现下拉菜单,查找原因:

一开始以为写错了,一行一行照着范例对比:并没有错。后来去找别的师兄的日志,发现在head部分要多引用一个jquery和js,尝试了一下:

把我自己引用的全部注释掉,然后再次打开:

显示成功。

疑问:

多插入一个js可以理解:水平菜单隐藏后变按钮点击变垂直菜单,算动态效果。

但是多插一个jquery是为了达到什么效果(那个师兄在底部已经引用过jquery了)

使用Carousel插入轮播图:

显示出来了,但是它不轮播,是静止的。

又回去确认了下插件的具体内容,没有问题,单独引用的话需要引用carouse.js,但是也可以直接引用压缩版的bootstrap.min.js,我已经引用了。

后来想到上面导航栏的变化问题,猜测这个插件本身就是不会自己动的,应该需要额外设定别的属性,然后引入js才会动,于是去找。


明天要做的事:

让轮播图动起来,继续学习慕课网上bootstrap的内容,写页面一主体的栅格部分。


遇到的问题:

有小问题,但是没有卡死,先自己琢磨。


收获:

以前以为慕课网就是个视频教学站,然后老大不让看视频,就从来不看慕课网。直到昨天才开始看,以前都是翻别人博客或者论坛的,泪流满面,浪费多少时间,这个教学站还是很好用的。


返回列表 返回列表
评论

    分享到