Bootstrap 自学心得

Bootstrap 自学心得

Bootstrap 这个框架大概算起来前前后后学了大概一个星期，不能说精通但是对应开发一个简单的响应式页面，或者是一个响应式后台。难度以及不是很大

下面就来讲一下自己自学的经验和心得吧。

1.0 建议视频和文档结合学习

如果html 和 css 以及 JavaScript 基础不是特别好的朋友简易可以先开发一个左右的 div+css 的网站 当然面对这样几个几乎可以靠拖拽就实现完整构建的框架。就算你是一个小白也可以对着文档和教学视频开发一个酷炫的响应式网站。

文档地址 bootstrap菜鸟教程 一个很方便的教程网站 模仿 w3c

官网文档 bootstrap官网 官方 官方 官方！！！

视频地址 教学视频地址 你没有看错 b站里面有各式各样的教学视频 不可错过 ！！！！

2.0 建议一边学习一边结合代码编写你的网站。

这点真的很重要 光说不练相当白学 通过这个学习可以拓展你的代码库 熟悉 bootstrap 的各种类

3.0 建议一边学习一边结合代码编写你的网站。

这点真的很重要 光说不练相当白学 通过这个学习可以拓展你的代码库 熟悉 bootstrap 的各种类。真的不用吧视频全部看完 把文档全部看完 ！！！

4.0 回归基础

我个人不是准备以一个前端工程师的身份求职 ，但是前端网页制作我个人还是很感兴趣对于jquery vue 的一些较浅的了解学习之后，更加发现js的重要性 对于js 闭包 ， 面对对象的 学习之后 在看，这些框架代码 变会觉得非常简单。

5.0 BootStrap 的坑

1.0 面对一串英文不换行 实际操作时 我简易的打啦一串字符串作为内容填充网站 。但是内容溢出原因是：bootstrap 觉得这是一个单词？ 见过五十个单词字母的单词吗 ！解决办法： 手动换行。。。

2.0 结构 结构 ！！！bootstrap 特有的网格系统（Grid System）容易造成自己断片 所以建议写的时候打好注释 。

其他的坑后续有待补充(我个人纯属爱好学习，如果真正的前端工程师还是需要深入了解 响应式原理 源码)

tips：1. 面对一个小白前端程序员 尤其是对ui设计不行的朋友 可以去 站长素材这个网址去搜索一些响应式模板 模仿书写。

2. BootStrap 可视化布局 不想写代码？ 直接拖拽写你的网址 跟玩似的。

3. jquery插件库 简单复制创造酷炫的特效 站在巨人的肩上。