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你值得拥有。

posted @   解然  阅读(3846)  评论(11编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示