Bootstrap模板分析:序言

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。说它是最流行的前端框架,也是一点不为过的。你结识Bootstrap的时间,可能远比你想象的早得多,比如学编程的经常会看的CSDN博客,查看网页源代码就会发现下面这一句:

bootstrap模板分析

上图第二句即是引入Bootstrap样式表的语句。如果你足够细心的话,就会发现使用Bootstrap的网站比例多的惊人。

学习Bootstrap,首推Bootstrap中文网(http://www.bootcss.com/),中文网甚至比原网站(http://getbootstrap.com/)还拥有更多的资源,里面提供的许多与Bootstrap相关的优质项目足够把你训练成一个优秀的前端工程师。作为学习的目的,我们下载时选择“下载源码”(http://v3.bootcss.com/getting-started/#download),已经详细介绍了相关的安装使用方法以及免费的CDN加速服务,所以不在赘述,详情参看原网站。

这个系列的文章主要带大家分析一下工具包文档中提供的示例(其实就是可直接使用的网页模板),具体位置在“docs->examples”文件夹中。使用Bootstrap的读者相信此前都已经对html、css相关知识有所了解,而前端框架就是让前端开发者在无需编写css、js代码或者只需修改少量代码的情况下,专注于页面的布局、网页的美观,像个艺术家(画家)一样,从而极大地提高开发效率。之所以能够做到这一点,最核心的就是class、id等元素属性,所以我们学习前端框架,最主要的也就是掌握这些。

模板的分析我们按照由易到难得顺序展开,有什么不当之处欢迎大家指针,相互学习,共同进步。

关于 “Bootstrap模板分析:序言” 的 1 个意见

评论关闭。