bootstrap是什么_动力节点Java学院整理

Bootstrap 是由两个 twitter 员工开发并开源的前端框架，目前已经到了 2.0.4 的版本，在 Github 上面有 32517个 watch，和 6608个 fork。非常火爆，而如此火爆自然有它的道理，在我们团队的所有项目中正全面推行使用 Bootstrap，我想根据自己的实际使用体验来说明一下为什么要用 Bootsrap。

twitter 出品

首先，Bootstrap 出自 twitter，大厂出品，并且开源，自然久经考验，减少了测试的工作量。站在巨人的肩膀上，不重复造轮子。

同时，Bootstrap 的代码有着非常良好的代码规范，从中也可以学习到很多，在 Bootstrap 的基础之上创建项目，日后代码的维护也变得异常简单清晰。

基于 Less、丰富的 Mixin

如果你不知道 Sass 或者 Less 这样的 CSS 预处理技术，我只能说你实在太落伍了，建议你先去了解之。

Bootstrap 的一大优势就是它是基于 Less 打造的，并且也有 Sass版本。正因为如此，它一推出就包含了一个非常实用的 Mixin 库任你调用。

举个很简单的例子，当你平时要用到一些 css3 属性的时候，你要写不同的浏览器写不同的 -prefix-，比如圆角 border-radius ：

-webkit-border-radius: 10px;
-moz-border-radius:10px;
-border-radius:10px; 

但是通过 Bootstrap 给你预设好的 mixin，你直接写成这样就可以了：

@include border-radius (10px); 

是不是轻松愉快？基本常用的 CSS3 mixin 都帮你整理好了，你都直接调用就可以了，在此不一一举例。 Bootstrap 是目前最好的基于 Less(Sass) 的前端框架，丰富而实用的 Mixin 应该是其最好的地方。

可以 Responsive 的栅格系统

Bootstrap 的 栅格 (Grid) 系统也很先进，整个 Grid 系统是可以 Responsive 的！

Bootstrap 已经帮你搭好了实现 Responsive Design 的基础框架，并且非常容易修改。如果你是一个新手，Bootstrap 可以帮助你在非常短的时间内上手 Responsive Design。

丰富的组件

Bootstrap 的HTML组件 和 Js组件 非常丰富，并且代码简洁，非常易于修改，你完全可以在其基础之上修改成自己想要的任何样子。这是工作效率的极大提升。

插件

另外、由于 Bootstrap 的火爆，又出现了不少围绕 Bootstrap 而开发的插件。其中最实用的莫过于 Font Awesome 了。它是一套 icon font，提供了丰富的 icon 给你选择，新的 2.0 版又根据网友的意见增加了70个新的 icon。

在现在一股有 Apple 带领的 Retina 潮流下，对图片的视网膜屏下的解决方案已经变得越来越有必要了，而在 icon 这个东西上，icon font 是完美的解决方案，不用担心分辨率的问题，因为它实际上是字体。

以上

这些就是为什么要用 Bootstrap 的原因，目前市面上没有任何其他框架可以和它相媲美，但是它就虽然是一匹好马，你还是需要花费一些时间去学习它、适应它，它在日后给你带来的便利性是无可比拟的，你会后悔自己为什么没有早点接触它。

一些题外话

我不喜欢用框架，我喜欢原生的写法

这是我在给别人推荐 Bootstrap 的时候最常听到的话，我只能说，Bootstrap 并不能帮你完成所有事情，它只是一个的框架，在这个框架上面你依旧可以任意的发挥，并且发挥得更好，但是前提是你要驾驭得了它。

如果你不够熟悉它，你确实是有时候会被它有所牵绊，但是你熟悉了之后发现了其实它没有对你进行任何限制，这需要一个过程。

是给无设计师的团队或者程序员用的

对此我真的是无力吐槽，Bootstrap 的开发者就在他的博客上抱怨过，为什么出来那么一堆完全照搬 Bootstrap 样式的网站。
记住、完全用 Bootstrap 的样式只会让人心生厌烦。

# bootstrap是什么  # bootstrap是什么东西  # Bootstrap入门书籍之（零）Bootstrap简介  # 帮你  # 要用  # 是一个  # 这是  # 如果你  # 给你  # 最好的  # 它是  # 开源  # 就可以  # 基础之上  # 自己的  # 日后  # 的是  # 我想  # 久经考验  # 让人  # 也有  # 我在  # 好了 

相关文章： ,制作一个手机app网站要多少钱？  如何正确选择百度移动适配建站域名？  如何通过网站建站时间优化SEO与用户体验？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  如何快速生成可下载的建站源码工具？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  如何在西部数码注册域名并快速搭建网站？  建站之星代理如何优化在线客服效率？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  大同网页,大同瑞慈医院官网？  建站之星如何开启自定义404页面避免用户流失？  如何快速搭建高效可靠的建站解决方案？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  如何通过商城免费建站系统源码自定义网站主题？  如何选择高效响应式自助建站源码系统？  教程网站设计制作软件,怎么创建自己的一个网站？  如何通过IIS搭建网站并配置访问权限？  存储型VPS适合搭建中小型网站吗？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  油猴 教程,油猴搜脚本为什么会网页无法显示？  建站主机核心功能解析：服务器选择与网站搭建流程指南  html制作网站的步骤有哪些,iapp如何添加网页？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  如何用PHP工具快速搭建高效网站？  如何做网站制作流程,*游戏网站怎么搭建？  建站主机选哪种环境更利于SEO优化？  西安大型网站制作公司,西安招聘网站最好的是哪个？  制作表格网站有哪些,线上表格怎么弄？  如何在云指建站中生成FTP站点？  网站制作难吗安全吗,做一个网站需要多久时间？  如何在万网主机上快速搭建网站？  实例解析Array和String方法  如何在IIS中新建站点并解决端口绑定冲突？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  安徽网站建设与外贸建站服务专业定制方案  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  建站之星导航如何优化提升用户体验？  ,石家庄四十八中学官网？  潮流网站制作头像软件下载,适合母子的网名有哪些？  行程制作网站有哪些,第三方机票电子行程单怎么开？  如何批量查询域名的建站时间记录？  如何在云主机快速搭建网站站点？  建站之星2.7模板快速切换与批量管理功能操作指南  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  如何在建站宝盒中设置产品搜索功能？  如何在七牛云存储上搭建网站并设置自定义域名？  广东企业建站网站优化与SEO营销核心策略指南  香港服务器租用费用高吗？如何避免常见误区？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  广平建站公司哪家专业可靠？如何选择？