• Bootstrap研究0概述


    首先来讲这个东西来源于大名鼎鼎的Twitter团队,其开源已经有一段时间了,并且其版本更新很快2011年11月才刚刚推出1.*版本,2012年初马上就开始了2.*。Bootstrap目标是为开发人员快速构建页面前端提供了一系列的基础设施。从Bootstrap这个名字也可以看出,开发团队的一个愿景-希望Bootstrap能成为构建一切web前端的“入口点”,“引导程序”。

    笔者只所以要写这个系列的文字,基于以下两个原因:1.国内对其介绍的文章还是凤毛麟角。2.笔者自身由于长期从事后端工作,对前端的原理和实践都比较欠缺,希望这个系列的总结,既能给大家带来些许帮助也能提高自己(即笔者写这个东西,不是因为自己前端技艺多么的优秀,而是恰恰相反,因此在行文的过程中出现缺陷或者错误,也许是在所难免,也期望各位不吝指教)。

    前面也讲到Bootstrap要为开发人员提供一系列的基础设施,那么具体有哪些呢?概括而言有以下4个方面:框架(Scaffolding),基础CSS,构件库(Components)和jQuery插件库。

    1.框架(Scaffolding),有时候我们翻译为“脚手架”,笔者更愿意翻译为“布局”。里面主要就讨论一个页面的各个部分如何构成。包括笔者在内,我相信很多人都会重点关注“网格系统”这种布局方式。

    2.基础CSS(Base CSS),里面提供了对很多页面元素(包括按钮,table,表单)排版方面的信息。

    3.构建库(Components),是对很多基础页面元素组合后的应用(大抵如此)。

    4.jQuery插件库,很多页面特效的实现当然离不开让我们爱恨有加的Javascript,不过自从很多js框架或者js库流行后,我们发现Javascript原来也可以写的非常优雅。而Bootstrap使用的js库就是以小巧灵活强大著称的jQuery。里面有像模式窗口,Tab标签,下拉菜单等很多效果。

    很多单位都会有自己的CSS类库,当然质量可能也参差不齐。那么Bootstrap就是我们大家的,优秀的CSS类库。以上4个方面无论哪一个,你都可以将其引入你的项目,让你的项目表现的更为专业。

    总体而言,Bootstrap你值得拥有。

    SpaceBuilder,构建您的空间...
  • 相关阅读:
    EasyMvc入门教程基本控件说明(6)进度条
    EasyMvc入门教程基本控件说明(3)时间线
    EasyMvc入门教程基本控件说明(4)折叠面板
    EasyMvc入门教程基本控件说明(11)菜单导航
    在一天的24小时之中,时钟的时针、分针和秒针完
    Maven Tutorial
    JXL操作Excel
    Beanutils的基本用法
    利用hibernate分析数据库中的表,属性以及对应的类的类名,字段
    beanutils的一个应用
  • 原文地址:https://www.cnblogs.com/xieran/p/2420917.html
Copyright © 2020-2023  润新知