美文网首页web前端-HTML,CSS,JAVASCRIPT
HTML入门--第一次使用使用Bootstrap布局网页

HTML入门--第一次使用使用Bootstrap布局网页

作者: 睡前听卡农 | 来源:发表于2020-08-31 14:16 被阅读0次

以前使用过css布局网页,感觉比较生硬,不够美观,于是看到大家都在谈Bootstrap布局,方便又好用,于是自己就下载了一个3.3.7版本来使用,感觉还可以,反正也是第一次使用bootstrap,感觉方便了许多,美观度嘛,咳咳,第一次就随便看看,不用太认真。
不过vscode是真的好用,很方便。
我仿的是云播tv这个网页的静态布局,因为感觉真的挺好看的,所有素材均来自此网站。

有些实在是仿不出来的的就简化处理了。

canvas.png
canvas1.png canvas2.png canvas3.png canvas4.png canvas5.png canvas6.png

这个使用的是菜鸟上面的echarts

canvas7.png

下一步继续深入学习bootstrap和js,如果有vue和react方面的大神,如果可以,希望能在前端这条路上多指点指点。谢谢!

相关文章

  • HTML入门--第一次使用使用Bootstrap布局网页

    以前使用过css布局网页,感觉比较生硬,不够美观,于是看到大家都在谈Bootstrap布局,方便又好用,于是自己就...

  • 第一章 html基础

    使用Div+Css布局网页使用Css美化网页制作精美的商业网站 HTML -开始1993-6 HTML 是用来描述...

  • angularjs登录注册表单实践

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

  • W2

    Bootstrap布局的使用 bootstrap十分使用,用bootstrap所提供的class类,能够极大程度上...

  • 单个网页页面头与尾的布局

    使用工具:pycharm。html版本:html 5 网页头制作分析: 这样,一个简单的网页头的布局就算完成了。当...

  • jQuery 初探

    在网页中,常常使用 HTML、CSS、javascript HTML 用于页面的布局,以及一些组件的布放 CSS ...

  • 图书管理案例(前后端练习)

    html:1、使用bootstrap框架制作,引入bootstrap.css;2、bootstrap是依靠jque...

  • 实训项目

    一、pc版网站页面重构 html标签的使用 css选择器的使用 公共样式的使用 响应式设计 网页布局 文字字体相关...

  • web前端工作五年了,我来告诉你如何系统的学习现在的JavaSc

    一、入门 1:熟悉DIV+CSS布局 使用DIV+CSS布局标准网页,可以使前端XHTML代码更少、结构更清晰,这...

  • headroom.js

    现在很多的网站使用了前端框架,如BootStrap。在使用BootStrap制作网页的时候,我们经常会用到Boot...

网友评论

    本文标题:HTML入门--第一次使用使用Bootstrap布局网页

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