zoukankan      html  css  js  c++  java
  • 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,构建您的空间...
  • 相关阅读:
    第二期网络内生安全试验场,等你来挑战!
    「渗透测试练习」一次上传漏洞的绕过分析
    Javascript日期与C# DateTime 转换
    转帖:网站服务架构
    JQuery ajax url传值与data传值的区别
    ajaxFileUpload上传文件后提示下载的问题
    JS结构
    转载:APP的上线和推广——线上推广渠道
    AppServ与IIS快速共存搭建PHP环境
    android笔记之在WebView中显示ProgressBar的两种方法
  • 原文地址:https://www.cnblogs.com/xieran/p/2420917.html
Copyright © 2011-2022 走看看