两年前,我们发布了第一个 Bootstrap 框架的课程,介绍了 Bootstrap 2 的基本用法。今天咱们再一起学一下 Bootstrap 3 ,相比第二个版本的 Bootstrap,做了很多改进,Bootstrap 3 是一套移动优先的前端框架。移动优先就是,设计的所有的样式默认都会应用到移动设备上,然后在设计里,利用媒体查询,一步一步的增加对于其它尺寸设备的设计。
这个 Bootstrap 3 的基础课程包含了四章的内容,第一章介绍了布局用的网格系统,第二章是导航栏,第三章是对话框,第四章是幻灯片。在课程里,比较详细的介绍了 Bootstrap 3 的这四个重要的部分,虽然 Bootstrap 的官方提供了很详细的文档,不过你可能仍然不知道从哪里开始看起,一套清晰的视频,会帮助您更快速的了解这套优秀的框架。另外,我在课程里面,也会加点其它的东西,比如怎么样使用 Emmet 快速的撰写 HTML,提高网站可用性的属性,怎么样用键盘控制幻灯片的播放等等。
评论
这框架,谁用谁知道!
10 年 4 个月 以前
王皓老师您好! 《Drupal Commerce 电子商务 ( 下)》这个课程什么时间出啊?
10 年 4 个月 以前
计划一下,嘿嘿。还不确定呢。
10 年 4 个月 以前
浩哥,宁浩网的“<div id="push-to-bottom" style="height:··· "></div>” 怎么实现的。当网页内容不足浏览器窗口高度时,动态生成一个DIV,高度随浏览器窗口高度自动改变,使footer内容始终在浏览器的最下面。最近做网页刚好调到这个问题,于是看了一下宁浩网的源码,感觉好高大上!求浩哥给点思路!
10 年 4 个月 以前
我记得是用了一个 jQuery 插件。你搜搜看:jQuery equal height
10 年 4 个月 以前
皓哥,今天才发现总是把“皓”打成“浩”,Sorry! 百度了一下“jQuery equal height”,没找到,果断再看皓哥网站的源码ninghao.js,很快就找到了$(document).ready(function () {
pushtobottom();
$(window).scroll(pushtobottom).resize(pushtobottom);
10 年 4 个月 以前
我在网站的ninghao.js里找到答案了,谢谢皓哥!皓哥的方法比我在百度里找的高端多了!皓又帮我一大忙,再次感谢!
10 年 4 个月 以前
都行啊,呵呵。
10 年 4 个月 以前
皓哥,有出移动web课程的计划吗
10 年 4 个月 以前
会有更多移动相关的东西。
10 年 4 个月 以前
今天报名!
10 年 4 个月 以前
强悍的bootstrap,越用越喜欢。
10 年 4 个月 以前
问一下老师学习bootstrap3需要学习bootstrap2吗,谢谢
10 年 4 个月 以前
都行。看看也可以。
10 年 4 个月 以前
哈哈 不错 非常感谢您的分享!!
10 年 3 个月 以前
评论有bug
9 年 5 个月 以前