🦄 2024 独立开发者训练营,一起创业!(早鸟优惠在1天后结束)查看介绍 / 立即报名 →

《Bootstrap 3 基础教程》移动优先的前端框架

bootstrap3-book-cover

两年前,我们发布了第一个 Bootstrap 框架的课程,介绍了 Bootstrap 2 的基本用法。今天咱们再一起学一下 Bootstrap 3 ,相比第二个版本的 Bootstrap,做了很多改进,Bootstrap 3 是一套移动优先的前端框架。移动优先就是,设计的所有的样式默认都会应用到移动设备上,然后在设计里,利用媒体查询,一步一步的增加对于其它尺寸设备的设计。

这个 Bootstrap 3 的基础课程包含了四章的内容,第一章介绍了布局用的网格系统,第二章是导航栏,第三章是对话框,第四章是幻灯片。在课程里,比较详细的介绍了 Bootstrap 3 的这四个重要的部分,虽然 Bootstrap 的官方提供了很详细的文档,不过你可能仍然不知道从哪里开始看起,一套清晰的视频,会帮助您更快速的了解这套优秀的框架。另外,我在课程里面,也会加点其它的东西,比如怎么样使用 Emmet 快速的撰写 HTML,提高网站可用性的属性,怎么样用键盘控制幻灯片的播放等等。

相关课程

Bootstrap

评论

这框架,谁用谁知道!

王皓老师您好! 《Drupal Commerce 电子商务 ( 下)》这个课程什么时间出啊?

计划一下,嘿嘿。还不确定呢。

浩哥,宁浩网的“<div id="push-to-bottom" style="height:··· "></div>” 怎么实现的。当网页内容不足浏览器窗口高度时,动态生成一个DIV,高度随浏览器窗口高度自动改变,使footer内容始终在浏览器的最下面。最近做网页刚好调到这个问题,于是看了一下宁浩网的源码,感觉好高大上!求浩哥给点思路!

我记得是用了一个 jQuery 插件。你搜搜看:jQuery equal height

皓哥,今天才发现总是把“皓”打成“浩”,Sorry! 百度了一下“jQuery equal height”,没找到,果断再看皓哥网站的源码ninghao.js,很快就找到了$(document).ready(function () {
pushtobottom();
$(window).scroll(pushtobottom).resize(pushtobottom);

我在网站的ninghao.js里找到答案了,谢谢皓哥!皓哥的方法比我在百度里找的高端多了!皓又帮我一大忙,再次感谢!

都行啊,呵呵。

皓哥,有出移动web课程的计划吗

会有更多移动相关的东西。

今天报名!

强悍的bootstrap,越用越喜欢。

问一下老师学习bootstrap3需要学习bootstrap2吗,谢谢

都行。看看也可以。

哈哈 不错 非常感谢您的分享!!

评论有bug

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点