javascript|15分钟,学会bootstrap,顺带学会DIV+CSS

javascript|15分钟,学会bootstrap,顺带学会DIV+CSS

文章图片


IT编程 , 不管是后端还是前端 , 初学者容易陷入浩瀚语法、各个知识点 , 导致学习时间过长、学习曲线居高不下;我的方法是:先定一个小目标 , 就是通过一个小项目为结果 , 然后根据结果去学习 , 去找解决方案 。
不建议一个一个的去学html、DIV+CSS、javascript , 这样过程太长、时间太久 , 很多知识点在实际应用中 , 可能一辈子都用不到 , 就算你想精通它 , 也是要解决日常的、重要的项目 , 在做项目过程中去学习、去精通 。
相对于后端 , html、DIV+CSS、javascript是相对比较容易上手、容易掌握的 , 而bootstrap是一个基于HTML、CSS、JavaScript的前端框架;学会他 , 你就学会了html、DIV+CSS、javascript , 学会bootstrap , 就可以设计响应式的前端网页 。
好 , 开始重点:
A、我们最终要的结果:一个简单的企业网站首页 , 很丑 , 主要是利于学习 , 效果图如下:

自适应响应式效果
1、打开你的编程工具 , 如:sublime txt
这个工具可以到:www.df81.com去免费下载
2、不管那么多 , 先输入如下代码 , 运行效果如上图所示:

【javascript|15分钟,学会bootstrap,顺带学会DIV+CSS】bootstrap代码