Bootstrap,随想

来源:互联网 发布:友贷资本网络贷款 编辑:程序博客网 时间:2024/06/05 17:29

谈不上学习总结就用了随想两个字。

近两周的计划是学习Boostrap框架,写一个网页出来。在学习过程中感觉并不是那么难,教程上的代码没有去深入理解,毕竟(个人认为)bootstrap框架学习的目的是为了更为简单高效的制作出一个完整的网页,所以在学习过程中只是查看了每种类名的样式和代码所呈现出的效果(制作网页时直接调用即可)。

学习过程:看了慕课网上的教程(我的天,十个小时!),看完之后感觉并没有什么实质性的收获。为了快点做出成果,去看了Bootstrap中文网上的网页设计作品(都是基于bootstrap开发的),想着,仿照着做一个,然而操作难度太大遂放弃了。后来又看到 runoob.com这个学习网站,上面的Bootstrap部分,很适合用作开发网页(当时是这么想的),因为上面的版块,一个内容,一段代码,一个效果,想用的话直接复制就好了。

我理想中的效果是这样的
这里写图片描述

然而写出来的效果是这样的
这里写图片描述

这差距也太大吧!
在制作过程中,想用一个轮播图插件(毕竟刚学不久),但发现与框架中的附加导航冲突了(框架才是本期主题。。),所以放弃了轮播图。感觉附加导航的功能十分强大,所以想用它来贯穿整个网页(这个说法好像不太规范)。
想在里面加上人物简介什么的,但发现在附加导航这个元素下根本创建不了div,它甚至把body元素的样式都给改了,导致我连在网页最后连个footer都加不了。我深深的感受到什么叫做带着镣铐跳舞(就连改框架代码的心都有了)。

这次的网页做的很差,框架的内容包括,导航条(有修改代码),附加导航,折叠等效果。想在人物介绍部分加css3的,因为框架的原因没能实现。

我现在在想,我是不是没用好(或者说不会用)这个框架呢?

0 0
原创粉丝点击