为什么要用 Bootstrap

[Bootstrap](http://hovertree.com/menu/bootstrap/)是由两个twitter员工开发并开源的前端框架,非常火爆,而如此火爆自然有它的道理,在我们团队的

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

[Bootstrap](http://hovertree.com/menu/bootstrap/) 是由两个 twitter 员工开发并开源的前端框架,非常火爆,而如此火爆自然有它的道理,在我们团队的所有项目中正全面推行使用 Bootstrap,我想根据自己的实际使用体验来说明一下为什么要用 Bootsrap。

 

首先,Bootstrap 出自 twitter,大厂出品,并且开源,自然久经考验,减少了测试的工作量。站在巨人的肩膀上,不重复造轮子。 
   
  同时,Bootstrap 的代码有着非常良好的代码规范,从中也可以学习到很多,在 Bootstrap 的基础之上创建项目,日后代码的维护也变得异常简单清晰。 

 

Bootstrap 的一大优势就是它是基于 Less 打造的,并且也有 [Sass版本]。正因为如此,它一推出就包含了一个非常实用的 Mixin 库任你调用。 
   
  举个很简单的例子,当你平时要用到一些 css3 属性的时候,你要写不同的浏览器写不同的 -prefix-,比如圆角 border-radius : 
   

-webkit-border-radius: 10px; 
   -moz-border-radius:10px; 
   -border-radius:10px; 
/* 何问起 hovertree.com */

   

  但是通过 Bootstrap 给你预设好的 mixin,你直接写成这样就可以了: 
   
   @include border-radius (10px); 
   
  是不是轻松愉快?基本常用的 CSS3 mixin 都帮你整理好了,你都直接调用就可以了,在此不一一举例。 Bootstrap 是目前最好的基于 Less(Sass) 的前端框架,丰富而实用的 Mixin 应该是其最好的地方。 Bootstrap 已经帮你搭好了实现 Responsive Design 的基础框架,并且非常容易修改。如果你是一个新手,Bootstrap 可以帮助你在非常短的时间内上手 Responsive Design。另外、由于 Bootstrap 的火爆,又出现了不少围绕 Bootstrap 而开发的插件。其中最实用的莫过于 [Font Awesome](http://fortawesome.github.com/Font-Awesome/) 了。它是一套 icon font,提供了丰富的 icon 给你选择,新的 2.0 版又根据网友的意见增加了70个新的 icon。

 

 Bootstrap 的组件 非常丰富,并且代码简洁,非常易于修改,你完全可以在其基础之上修改成自己想要的任何样子。这是工作效率的极大提升。在现在一股有 Apple 带领的 Retina 潮流下,对图片的视网膜屏下的解决方案已经变得越来越有必要了,而在 icon 这个东西上,icon font 是完美的解决方案,不用担心分辨率的问题,因为它实际上是字体。 

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

特效:http://www.cnblogs.com/roucheng/p/texiao.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120397.html原文链接:https://javaforall.net

(0)
上一篇 2021年12月26日 下午2:00
下一篇 2021年12月26日 下午2:00


相关推荐

  • windows创建虚拟显示器_windows设置主显示器

    windows创建虚拟显示器_windows设置主显示器在开发或者办公中,越大的屏幕看起来就显示越舒服了,通常我们的做法是有两块屏幕,这样显示的内容就变多了,可以很容易提高办公的效率。

    2022年8月21日
    81
  • python2 nonlocal_python关键字及用法

    python2 nonlocal_python关键字及用法python变量引用顺序:从当前作用域开始寻找变量,如果没找到就往上一层作用域寻找,没找到就再上一层……即:当前作用域局部变量->外层作用域变量->再外层作用域变量->……->当前模块全局变量->pyhton内置变量global:全局变量nonlocal:外层嵌套函数的变量使用总结:局部作用域改变全局变量用global,global同时还可以定义新的…

    2025年9月21日
    8
  • Linux使用rpm命令卸载软件[通俗易懂]

    Linux使用rpm命令卸载软件[通俗易懂]window上面要卸载一个软件很容易,在系统软件管理里面或者通过第三应用工具,比如360软件管理。如果是Linux需要卸载一个软件应该怎么样操作??rpm-q-a#查询所有已安装的软件-qquery查询-aall所有查询所有安装的软件[root@cdh1~]#rpm-q-agnome-session-xsession-2.28.0-18.el6.x86_64m17n-contrib-assamese-1.1.10-4.el6_1.1.noarchm17n-con

    2025年9月23日
    9
  • python 矩阵乘法

    python 矩阵乘法python 矩阵乘法 python 矩阵有两种形式 array 和 matrix 对象 它们的区别在这里就不说了 下面介绍相关乘法 1 np multiply 对 array 和 matrix 对象的操作相同 1 a 和 b 维度相同都是每行对应元素相乘 即对应内积的第一步 不求和 gt gt gt a np array 1 2 1 2 gt gt

    2026年3月20日
    1
  • STM32中文参考手册_STM32读取ESP8266数据

    STM32中文参考手册_STM32读取ESP8266数据http://blog.csdn.net/u012722571/article/details/47295245lanmanck原创】这篇文章已经说了STM32的启动过程:http://blog.csdn.net/lanmanck/article/details/8252560我们也知道怎么跳到main函数了,那么,中断发生后,又是怎么跑到中断入口地址的呢?从stm

    2025年7月27日
    2
  • Linux vim退出命令(保存与不保存)「建议收藏」

    Linux vim退出命令(保存与不保存)「建议收藏」按ESC键跳到命令模式,然后输入::w-保存文件,不退出vim:wfile-将修改另外保存到file中,不退出vim:w!-强制保存,不退出vim:wq-保存文件,退出vim:wq!-强制保存文件,退出vim:q-不保存文件,退出vim:q!-不保存文件,强制退出vim:e!-放弃所有修改,从上次保存文件开始再编辑…

    2022年6月14日
    132

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号