Bootstrap3.0入门学习系列规划[持续更新]

转自：http://www.cnblogs.com/aehyok/p/3404867.html

前言

　　首先在此多谢博友们在前几篇博文当中给与的支持和鼓励，以及在回复中提出的问题、意见和看法。

　　在此先声明一下，之前在下小菜所有的随笔文章中，只有前两篇关于Bootstrap的文章发表在了博客园的首页，对于发布的这两篇文章的感受就是：大家的参与度比之前的高很多。当然也不是说看到自己的文章发布在首页，有了几千甚至几万访问量，个人觉得自己所分享的一点东西可能对于大家也是有一点效果的，自己从评论中可以看出是真的有那么一群人仔细看了自己写的文章，会让你之后写文章的时候更加的仔细，也更加自信，自己也从中得到更多的帮助、成长、快乐。希望有更多的人投入到分享知识的行列当中，当然个人觉得那类啥啥吐槽之类的文章还是……

　　总结一下前两篇文章中存在的一些问题和看法吧。

　　1.浏览器兼容性：你可以去看看大牛的一篇文章http://www.cnblogs.com/lhb25/archive/2013/06/05/html5-and-css3-2013.html  梦想天空的

　　2.开发工具：现在在学习期间本人使用的是Adobe Dreamweaver CS6。

　　3.测试浏览器：IE10、最新版的FireFox、最新版的Chrome，如果有博友通过我文章中的代码进行测试，那么最好和我一样使用这三种浏览器。

      4.系列规划：本来只打算自己写几篇学习Bootstrap的文章，也没什么规划，但是有些博友的建议也促动了我有这篇文章的动力。

　　本人小菜能力实在有限，还望大牛多给小菜一些建议和看法，如果文中确有不妥之处，还请各位看官及早通知本人，本人将在最短的时间进行处理和更新。希望能和大家共成长，共快乐，共分享。

Bootstrap系列导航

BootStrap3.0系列导航总体规划大致主要分为五个部分

一、第一部分：Bootstrap介绍

二、第二部分：Bootstrap CSS

三、第三部分：Bootstrap JavaScript Component

四、第四部分：Bootstrap JavaScript Plug-in

五、第五部分：Bootstrap Less.js

第一部分：Bootstrap介绍

1.Bootstrap学习从现在开始 http://www.cnblogs.com/aehyok/p/3381651.html

2.Bootstrap3.0学习第一轮(入门)http://www.cnblogs.com/aehyok/p/3398359.html

第二部分：Bootstrap CSS

3.Bootstrap3.0学习第二轮(栅格系统介绍)http://www.cnblogs.com/aehyok/p/3400499.html

4.Bootstrap3.0学习第三轮（栅格系统案例）http://www.cnblogs.com/aehyok/p/3404725.html

5.Bootstrap3.0学习第四轮（排版）http://www.cnblogs.com/aehyok/p/3406272.html

6.Bootstrap3.0学习第五轮（表格）http://www.cnblogs.com/aehyok/p/3407614.html

7.Bootstrap3.0学习第六轮（表单）http://www.cnblogs.com/aehyok/p/3407737.html

8.Bootstrap3.0学习第七轮（按钮）http://www.cnblogs.com/aehyok/p/3409467.html

9.Bootstrap3.0学习第八轮（工具class）http://www.cnblogs.com/aehyok/p/3409597.html

10.Bootstrap3.0学习第九轮（CSS补充）http://www.cnblogs.com/aehyok/p/3411073.html

第三部分：Bootstrap Component

11.Bootstrap3.0学习第十轮（下拉菜单、按钮组、按钮式下拉菜单）http://www.cnblogs.com/aehyok/p/3411626.html

12.Bootstrap3.0学习第十一轮（输入框组）http://www.cnblogs.com/aehyok/p/3414063.html

13.Bootstrap3.0学习第十二轮（导航、标签、面包屑导航）http://www.cnblogs.com/aehyok/p/3415209.html

14.Bootstrap3.0学习第十三轮（导航条）http://www.cnblogs.com/aehyok/p/3415210.html

15.Bootstrap3.0学习第十四轮（分页、徽章）http://www.cnblogs.com/aehyok/p/3416514.html

16.Bootstrap3.0学习第十五轮（大屏幕介绍、页面标题、缩略图、警示框、Well）http://www.cnblogs.com/aehyok/p/3417358.html

17.Bootstrap3.0学习第十六轮（进度条、媒体对象、列表组、面板）http://www.cnblogs.com/aehyok/p/3417359.html

第四部分：Bootstrap JavaScript Plug-in

18.Bootstrap3.0学习第十七轮（模态框）http://www.cnblogs.com/aehyok/p/3417371.html

19.Bootstrap3.0学习第十八轮（下拉菜单）http://www.cnblogs.com/aehyok/p/3420293.html

20.Bootstrap3.0学习第十九轮（标签页）http://www.cnblogs.com/aehyok/p/Bootstrap-19-JavaScript-Tab.html

21.Bootstrap3.0学习第二十轮（滚动监听）http://www.cnblogs.com/aehyok/p/3421942.html

22.Bootstrap3.0学习第二十一轮（工具提示）http://www.cnblogs.com/aehyok/p/3422286.html

23.Bootstrap3.0学习第二十二轮（弹出框）http://www.cnblogs.com/aehyok/p/3424438.html

24.Bootstrap3.0学习第二十三轮（警示框）http://www.cnblogs.com/aehyok/p/3424558.html

25.Bootstrap3.0学习第二十四轮（按钮）http://www.cnblogs.com/aehyok/p/3426395.html

26.Bootstrap3.0学习第二十五轮（折叠）http://www.cnblogs.com/aehyok/p/3426502.html

27.Bootstrap3.0学习第二十五轮（轮播）http://www.cnblogs.com/aehyok/p/3427600.html

第五部分：Bootstrap Less.js

28.未完待续……

总结

　　简单的梳理了一下，比想象中安排学习的好像还要多。当然计划不如变化，在实践的过程当中本系列导航可能会有不同程度更改，不过也没什么关系的，我会及时更新本文相关地方。

　　趁着周末的大好时光，周六玩的挺好的，先去看了女朋友公司组织的篮球比赛，感受颇深。它们市场部和研发部的比赛，最终结果定格在市场部以113比52的大比分优势取胜，不管什么客观原因，让我感觉到的就是程序员们严重的缺乏锻炼呀。期间也去运动打羽毛球了。然后下午去找同学了，再和同学一起给朋友庆生日了，挺充实的。周末早上醒来，全身酸痛呀。让我又想起昨天大比分落败的比赛。

　　看来以后还真是要多计划了。合理的安排自己的时间，可以达到事半功倍的效果。计划好了之后，层次脉络对全局也有了一个简单的掌控了。好吧，接下来就是按照这个系列计划慢慢的学习下去了，也希望自己能够坚持下去。也衷心的希望广大程序猿们能够多多注意自己的身体，多多锻炼吧。自己也要安排一定的时间来锻炼身体了。

原文：http://www.cnblogs.com/cugwx/p/3590058.html