当前位置: 代码迷 >> 综合 >> Bootstrap3.0入门学习系列教程
  详细解决方案

Bootstrap3.0入门学习系列教程

热度:11   发布时间:2023-12-09 09:11:07.0


前言

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

  在此先声明一下,之前在下小菜所有的随笔文章中,只有前两篇关于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的大比分优势取胜,不管什么客观原因,让我感觉到的就是程序员们严重的缺乏锻炼呀。期间也去运动打羽毛球了。然后下午去找同学了,再和同学一起给朋友庆生日了,挺充实的。周末早上醒来,全身酸痛呀。让我又想起昨天大比分落败的比赛。

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