美文网首页我爱编程
利用bootstrap来设计html和css

利用bootstrap来设计html和css

作者: 欧大圣 | 来源:发表于2017-08-07 22:11 被阅读0次

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

    开始转战回前台设计

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

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

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


    正题:

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

    所以开始寻找合适的框架

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

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


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

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

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

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

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

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

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

    因为还要连接后台

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

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

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

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

    附上今天的成果:

    这个是主题里面的,其实很简单的复制粘贴,然后再在自己的style.css里面修改class的属性,居中还有top和bottom的位置还有width的长度就可以的了 这个是在链接作者的基础上修改了一下,包括改了一下轮播图片的大小和居中一些零零碎碎的(我家两只爱宠哈哈哈哈哈哈哈,弄六个是因为我们家族加上他们两个一共有6只萌宠,但是暂时只放了我们家的两只)

    继续学习!继续进步!

    相关文章

      网友评论

        本文标题:利用bootstrap来设计html和css

        本文链接:https://www.haomeiwen.com/subject/cvczlxtx.html