美文网首页我爱编程
利用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

    昨天经过尝试后,把后台php连接数据库的删除/插入/修改等操作都进行了之后 开始转战回前台设计 现在我已经相较于前...

  • 网站推荐 (不定时更新)

    1.网页设计 jQuery插件库:JS特效,网页特效,以及各种html5,css3动画和效果Bootstrap,来...

  • BOOTSTRAP

    一,利用bootstrap设计响应式页面 bootstrap能自动获取使用者的屏幕的宽度和高度,能自动调整html...

  • Bootstrap

    Bootstrap介绍 概述 Bootstrap是基于HTML,CSS,JS的一个CSS/HTML框架,兼容jQu...

  • angularjs登录注册表单实践

    使用AngularJS实现登录与注册 html和css布局 我们采用html+css框架bootstrap4,里面...

  • bootstrap

    一、在官网下载bootstrap 二、在页面引入bootstrap 1、bootstrap是基于html5和css...

  • Bootstrap - 排版

    Bootstrap bootstrap是可用于架构流行的用户界面和交互接口的html,css,javascript...

  • 4.BootStrap

    什么是BootStrap?BootStrap有什么作用? 1、BootStrap是基于html、css、javas...

  • Bootstrap

    Bootstrap: 概念: Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,...

  • bootstrap日期选择器datetimepicker

    依赖:bootstrap.js和bootstrap.css不包括以下依赖 js代码初始化: html代码:

网友评论

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

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