登录  /  注册

为什么要使用bootstrap

(*-*)浩
发布: 2019-07-18 17:21:07
原创
4082人浏览过

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

为什么要使用bootstrap

首先,Bootstrap出自twitter,大厂出品,并且开源,自然久经考验,减少了测试的工作量。站在巨人的肩膀上,不重复造轮子。 (推荐学习:Bootstrap视频教程

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

更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!

以上就是为什么要使用bootstrap的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号