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,构建您的空间...

Bootstrap研究0-概述相关推荐

  1. Nature:拟南芥微生物组功能研究0概述

    背景介绍 Bai, Y., et al. (2015). "Functional overlap of the Arabidopsis leaf and root microbiota.&q ...

  2. Bootstrap研究3-基础html元素

    Bootstrap研究3-基础html元素 正如很多朋友所言,学习Bootstrap最简单的方式,就是跟着官方文档做一遍就可以了.这句话怎么说呢,它对也不对.说其对,是因为计算机科学是实践性非常强的学 ...

  3. 京东被曝显卡售后不肯维修要原价退款;​IBM发布第一个2纳米芯片;Bootstrap 5.0.0发布|极客头条...

    「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 梦依丹 出品 | CSDN(ID:CSDNnews ...

  4. 京东:618 期间遭「黑公关」恶意抹黑;Adobe 回应“杀死Flash”;Bootstrap 5.0 Alpha 发布 |...

    整理 | 屠敏 头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极 ...

  5. 极客日报第118期:京东被曝显卡售后不肯维修要原价退款;​IBM发布第一个2纳米芯片;Bootstrap 5.0.0发布

    一分钟速览新闻点! 京东被曝显卡售后不肯维修要原价退款 安阳女车主起诉特斯拉副总裁陶琳:请求精神损失赔偿 5 万 腾讯正与美国谈判,以保留在 Riot 和 Epic 的股份 街电.搜电完成合并,两大品 ...

  6. Microsoft 解决方案框架版本 3.0 概述

    发布日期: 2004年06月04日 关于 Microsoft 解决方案框架的更多信息,请参阅 http://www.microsoft.com/china/technet/itsolutions/te ...

  7. Microsoft 解决方案框架版本 3.0 概述(MSF3.0)

    Microsoft 解决方案框架版本 3.0 概述 发布日期: 2004年06月04日 关于 Microsoft 解决方案框架的更多信息,请参阅 http://www.microsoft.com/ch ...

  8. 基于机器学习的车辆检测算法研究方法概述

    基于机器学习的车辆检测算法研究方法概述 1 背景.意义.分类和应用 1.1 问题的背景与意义 1.2 目标检测分类 1.3 应用 2 基本算法 2.1 帧间差分法 2.2 背景减除法 2.2.1 中值 ...

  9. 多标签文本分类研究进展概述

    多标签文本分类研究进展概述 1.多标签文本分类的研究还有很大的提升空间. 2.多标签文本分类的基本流程,包括数据集获取.文本预处理.模型训练和预测结果: 3.多标签文本分类的方法:传统机器学习的方法和 ...

  10. xmlstreamexception 参数实体未进行声明_命名实体识别研究进展概述

    Future丨Intelligence丨Nutrition丨Energy 让阅读成为习惯,让灵魂拥有温度 点击关注PKUFineLab  一起进步 命名实体识别研究进展概述 命名实体识别任务旨在从自然 ...

最新文章

  1. 1088 Rational Arithmetic
  2. MSSQL中的随机函数
  3. 【知识星球】做作业还能赢奖金,传统图像/机器学习/深度学习尽在不言中
  4. axios delete有请求体吗_封装 axios 取消重复请求
  5. 接oracle私活价格,也来记录一下第一次接私活的体验
  6. 【47.92%】【hdu 5763】Another Meaning
  7. 串口助手驱动_STM32Cube22(补充) | 使用硬件I2C驱动OLED(SSD1306)
  8. 水滴石穿C语言之typedef的问题
  9. Asp.Net删除文件夹后引起Session丢失的解决办法
  10. StackPanel与Grid交叉使用
  11. 在ArcGIS软件中导入数据图标题层不显示的问题
  12. gcc的中文版使用说明和选项
  13. 大话数据结构——烂笔头
  14. 神舟战神Z8-CA5NP,RTX3060怎么样?测评值得买吗?详细性能点评
  15. 什么是memcache,常见的memcache方法
  16. ICP备案,收不到短信或没有手机的朋友进来吧,对你肯定有帮助:)
  17. eval——未结束的字符串常量
  18. 【Matlab】Simulink系统仿真(了解)
  19. Leetcode刷题笔记之445. 两数相加Ⅱ
  20. KUKA基坐标创建步骤

热门文章

  1. php有几种数据结构,PHP数据结构有几种_后端开发
  2. Ibatis 生成工具ibator的使用 适用于ibaits2
  3. 资料汇总--java开发程序员必备技能
  4. jquery微博实例
  5. Mysql ERROR 2002 (HY000) Can't connect to local MySQL server through socket
  6. 今日奇葩事件,一位不懂技术,却来管理技术团队的领导
  7. apache部署多个项目
  8. iOS平台经典游戏《合金弹头X》上架 售价25元
  9. linux主机监控命令-top
  10. 专业上需要加强的地方