Bootstrap-学习系列
前言
首先在此多谢博友们在前几篇博文当中给与的支持和鼓励,以及在回复中提出的问题、意见和看法。
在此先声明一下,之前在下小菜所有的随笔文章中,只有前两篇关于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 JavaScript Component
四、第四部分:Bootstrap JavaScript Plug-in
第一部分: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 的大比分优势取胜,不管什么客观原因,让我感觉到的就是程序员们严重的缺乏锻炼呀。期间也去运动打羽毛球了。然后下午去找同学了,再和同学一起给朋友庆生 日了,挺充实的。周末早上醒来,全身酸痛呀。让我又想起昨天大比分落败的比赛。
看来以后还真是要多计划了。合理的安排自己的时间,可以达到事半功倍的效果。计划好了之后,层次脉络对全局也有了一个简单的掌控了。好吧,接下来就是 按照这个系列计划慢慢的学习下去了,也希望自己能够坚持下去。也衷心的希望广大程序猿们能够多多注意自己的身体,多多锻炼吧。自己也要安排一定的时间来锻 炼身体了。
Bootstrap-学习系列的更多相关文章
- Bootstrap基础学习 ---- 系列文章
[Bootstrap基础学习]05 Bootstrap学习总结 [Bootstrap基础学习]04 Bootstrap的HTML和CSS编码规范 [Bootstrap基础学习]03 Bootstrap ...
- 分布式学习系列【dubbo入门实践】
分布式学习系列[dubbo入门实践] dubbo架构 组成部分:provider,consumer,registry,monitor: provider,consumer注册,订阅类似于消息队列的注册 ...
- MVC学习系列14--Bundling And Minification【捆绑和压缩】--翻译国外大牛的文章
这个系列是,基础学习系列的最后一部分,这里,我打算翻译一篇国外的技术文章结束这个基础部分的学习:后面打算继续写深入学习MVC系列的文章,之所以要写博客,我个人觉得,做技术的,首先得要懂得分享,说不定你 ...
- Bootstrap3.0入门学习系列
Bootstrap3.0入门学习系列规划[持续更新] 前言 首先在此多谢博友们在前几篇博文当中给与的支持和鼓励,以及在回复中提出的问题.意见和看法. 在此先声明一下,之前在下小菜所有的随笔文章中, ...
- bootstrap学习笔记之为导航条添加标题、二级菜单及状态 http://www.imooc.com/code/3120
为导航条添加标题.二级菜单及状态 加入导航条标题 在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过" ...
- Bootstrap学习(一):Bootstrap简介
一.Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更 ...
- Bootstrap3.0入门学习系列教程
可视化布局:http://www.runoob.com/try/bootstrap/layoutit/ 1.浏览器兼容性:你可以去看看大牛的一篇文章http://www.cnblogs.com/lhb ...
- python 全栈开发,Day57(响应式页面-@media介绍,jQuery补充,移动端单位介绍,Bootstrap学习)
昨日内容回顾 ajax //get post 两种方式 做 请求 get 主要是获取数据 post 提交数据 同一个路由地址 既可以是get请求也可以是post请求 一个路由对应一个函数 get请求 ...
- Bootstrap学习-其它内置组件
1.缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题.描述等信息.Bootstrap框架将这一部独立成一个模块组件.并通过“thumbn ...
- Dubbo学习系列之十一(Dashboard+Nacos规则推送)
中国武术,门派林立,都是号称多少代的XXX传人,结果在面对现代武术时,经常被KO秒杀,为啥,光靠宣传和口号撑门面,终究是靠不住,必须得有真货 ,得经得住考验,所以不能只说Sentinel有多好,也得给 ...
随机推荐
- 【Tarjan算法】【DFS】Petrozavodsk Summer Training Camp 2016 Day 9: AtCoder Japanese Problems Selection, Thursday, September 1, 2016 Problem B. Point Pairs
这份代码可以作为找割边的模板.割边分割出来的部分是无向图的 边-双连通分量. 平面上2*n+1个点,在同一横坐标上的点之间可以任意两两匹配.同一纵坐标上的点之间也可以.问你对于所有的点i,输出i被移除 ...
- UVA 12284 Digital Matrix
思路:这个分清楚情况就很好做了. 注意一点当A的转置等于B的时候(对角线除外),记录A的下三角(或上三角)有cnt个的数与B不同,如果cnt>1则 不需要额外的步数就可以了,否则当k==2时结果 ...
- React事件系统入门
React基于虚拟DOM实现了一个合成事件层,我们所定义的事件处理器会接受到一个合成事件层对象的实例,它完全符合W3C标准,不会存在任何IE标准的兼容性问题.并且和原生的浏览器事件一样拥有同样的接口, ...
- 详解React的生命周期
React生命周期 之前自己在学习React的时候,只是简单的理解了生命周期有这么一些,但是不知道大概的一个流程是怎么样的.那天在面试的时候,问到了.自己也有点懵,也没提前看,不过还是答上来了一些,这 ...
- 原生js封装的一些jquery方法
用js封装一些常用的jquery方法 记录一下 hasClass:判断是否有class function hasClass(ele, cls) { if (!ele || !cls) return f ...
- ArcGIS10.1如何将数据库注册到ARCSERVER服务器
原文链接:http://www.cnblogs.com/hanchan/archive/2013/09/24/3337034.html 一.了解ArcGIS Server以及如何利用ArcServer ...
- Java构造和解析Json数据的两种方法详解二——org.json
转自:http://www.cnblogs.com/lanxuezaipiao/archive/2013/05/24/3096437.html 在www.json.org上公布了很多JAVA下的jso ...
- es6,async简单总结
1.简单来讲就是把函数变为异步操作的 async function demo() { let result = Math.random(); console.log(result); } 2.asyn ...
- jquery滚动条插件nanoscroller的应用
默认的滚动条的样式,各个版本的兼容性不是很好, 推荐一款jQuery 插件nanoscroller ,可以自定义滚动条的样式. 应用: 1.引入样式 nanoscroller.css <link ...
- 万里长征第二步——django个人博客(第六步 ——添加富文本编辑器)
下载kindeditor 在admin.py文件中配置链接 class Media: js = ( '/static/js/kindeditor-4.1.10/kindeditor-min.js', ...