用bootstrap写一个简洁的网页

在最近两周，我学习了bootstrap前端开发框架来快速制作一个网页，以往自己用html，css等学习的网页知识来写一个网页，往往需要挺长的时间。这次用bootstrap写的这个demo前后大概用了2天多，不得不承认，bootstrap框架真的是一款很好用的前端框架，它甚至可以让不懂设计的人员作出简洁的web网页。
简单的来介绍一下bootstrap。
1.它是一套简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。
2.基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。

我这次写的是守望先锋游戏的一个官网页面，当学习了差不多的时候，我不知道该写什么样的demo ，看了慕课网的一个例子，大致有了想法，于是我打开了守望先锋的官网（不要问我为什么会打开…）突然就有了灵感，我发现官网的页面布局很像bootstrap中的一些布局，然后就确定了自己要写的方向。

刚开始是有很多想法的，但由于时间限制和所学知识不够，最终只用学到的bootstrap完成了50%左右，并且也很简易。最终的效果我就先不展示了。还是先说下这次遇到的一些问题吧。
1.首先个人觉得用纯粹用bootstrap写一个简易大方的网页，没有一点问题，但是要写一个布局完善，功能多样的网页还是有点困难的，因为这次写的这个简单网页，我也是加了很多自己的代码修饰。
2.另外，如果担心用它所提供的响应式的代码没用自己想的效果，最好还是自己写一下。
3.最后，还有一个问题没有解决。

了解更多按钮的下面莫名的多了“黑百合”这部分，还在找问题当中..

总的来说，学了bootstrap对自己的帮助还是特别大的，写网页时能简化很多。

用bootstrap写一个简洁的网页相关推荐

html怎么写分享代码,怎么写一个文件分享网页？百度一键分享按钮HTML代码
怎么写一个文件分享网页?首先一个基本的网页包含主要的哪些就不说了,下面直接上关键的代码即可,把他放到需要的地方即可.下面一起来看看吧. 百度一键分享按钮HTML代码下面是需要加分享按钮的css代码 ...
用纯Python就能写一个漂亮的网页
我们在写一个网站或者一个网页界面的时候,需要学习很多东西,对小白来说很困难!比如我要做一个简单的网页交互: 要懂后端,比如Python里面的Django或者Flask,或者是Java里面的Spring ...
前端：使用BootStrap搭建一个简单的网页
之前有想法学习一下前端框架的,后来没有坚持下来.连最基础的栅格系统都忘记了.于是,花了一点时间,重新温习了一下.写了一个简单的网页.页面大致是下面这张图.做得比较一般,不过能够自适应各种设备大小了. ...
再见HTML ! 用纯Python就能写一个漂亮的网页
我们在写一个网站或者一个网页界面的时候,需要学习很多东西,对小白来说很困难!比如我要做一个简单的网页交互: 要懂后端,比如Python里面的Django或者Flask,或者是Java里面的Spring ...
Python写一个简洁拼写检查器
网上看到的一篇神文,利用的是朴素贝叶斯模型实现了一个简单的拼写检查器. 英文原文链接见这里,中文翻译如下 =============================================== ...
HTML+CSS写一个简单的网页界面
学习了HTML和CSS入门的基本命令后,写出来一个简单的登录网页界面,可以跳转.登录. 主界面代码(log.html) <!DOCTYPE html> <html><he ...
用bootstrap写一个折叠面板
1:创建一个html文件 2:选择语言 3:输入创建框架 4:导入bootstrap的css样式(没有的请去官网下载),可选择botstrap.min.css或者botstrap.css(min是压缩 ...
如何用Html+css3写一个简单的网页
!DOCTYPE html> */我这次利用一门前端开发语言Html开发一个简单的网页/* <html> <hea ...
Bootstrap写一个简单的响应式网页
响应式网页响应式网页设计采用css的媒体查询技术,将包括弹性布局,弹性图片.媒体和媒体查询整合在一起,为响应式网页设计. 页面会随着窗口的尺寸变化做出相应的改变. 视口是浏览器显示的内容区域,不包括 ...

用bootstrap写一个简洁的网页

用bootstrap写一个简洁的网页相关推荐

最新文章

热门文章