当前位置: 首页>Bootstrap>Web前端学习笔记:Bootstrap框架

Web前端学习笔记:Bootstrap框架

时间:2015-06-12 10:34 来源:网络整理 作者:KKWL 点击:
Web前端学习笔记:Bootstrap框架 很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰

Web前端学习笔记:Bootstrap框架

  很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架。今天我要聊聊Bootstrap,最后给出一份我整理的Bootstrap的UI的demo,以及我自己使用Bootstrap开发的例子。

  下面我在这里简单的介绍下Bootstrap框架。

  Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果。此外,Bootstrap框架十分超前,在支持html5和css3的浏览器上表现特别好,而且对移动终端的浏览器支持也是相当优秀。

  一个完整的Bootstrap框架包含如下四个部分:

  Bootstrap是个操作性质的框架,没必要做深入分析,最关键是有没有好的使用实例,我下载Bootstrap发现,下载包里的example不是太强大,例子都在它的官网上,很多对css和javascript不是特别熟悉的人使用起来都不太习惯,因此我将这些例子进行了整合,作为单独的例子工程,这个工程非常全面,我在网上找过,目前还没有比我整理的更详尽的例子,大伙下载下来按照我的工程目录结构就可以进行开发了。此外,我做了一个简单的demo,也分享给大家,demo的截图是:

下载链接:

我整理的实例:

我做的demo:

相信这些例子对大家学习bootstrap会提供一定的帮助。

posted @

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------