利用bootstrap来设计html和css

昨天经过尝试后,把后台php连接数据库的删除/插入/修改等操作都进行了之后

开始转战回前台设计

现在我已经相较于前一阵子什么都不懂

渐渐明白了各种什么前台后台数据库

大概是都跑了一遍,各种设置环境,就有初步的理解了。


正题:

因为一开始就学了一些html和css还有javascript,现在想要把页面做得更加精致

所以开始寻找合适的框架

看了网上的评价之后,决定使用bootstrap,并且它又是开源的

很多人推荐,于是就开始找教程


后来经过我的寻找后,发现自己利用bootstrap做一下操作实践一下,可能更加能够理解为什么

这里十分推荐链接:www.greatytc.com/p/a297161a0da2

(ps:不要忘记引进jquery,因为它基本上是在jquery的基础上进行的!!!不然像你要做的轮播就转不了页,我一直都忘了引进,所以也蒙蔽了一会,上网搜就有的了,而且都只是很小的文件,毕竟是框架)

这个教程十分详细而且很棒,其实要花的时间并不多,

问题就只是我在某一个引入图片的地方卡住了

不知道为什么在webserver下的不行

弄了我半天,转到桌面弄,打算弄明白为什么

因为还要连接后台

做完这个教程之后,然后我就开始上手了

然后就调整尺寸位置之类的

更改主题,其实发现对于我这种不精通的人来说,

的确比较简单也容易,其实基本掌握了html和css的都比较容易理解的了

附上今天的成果:


这个是主题里面的,其实很简单的复制粘贴,然后再在自己的style.css里面修改class的属性,居中还有top和bottom的位置还有width的长度就可以的了


这个是在链接作者的基础上修改了一下,包括改了一下轮播图片的大小和居中一些零零碎碎的(我家两只爱宠哈哈哈哈哈哈哈,弄六个是因为我们家族加上他们两个一共有6只萌宠,但是暂时只放了我们家的两只)

继续学习!继续进步!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容