说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

使用Twitter Bootstrap的五大理由

HTML文档下载 WORD文档下载 PDF文档下载
Twitter Bootstrap是基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。

Twitter Bootstrap是基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。它是Twitter在2011年8月开源的一整套前端解决方案,拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。


尽管也有不少网页设计师抱怨Bootstrap网站结构臃肿、不灵活并且难以维护,但是Bootstrap的确有一些迷人的内置功能,比如:

  • 流媒体网格布局
  • 响应式设计
  • 自定义表单元素
  • 页面排版
  • JavaScript交互性
  • 跨浏览器兼容性

这些功能看起来是不是很酷?它是如此的迷人。

下面让我们来看看Bootstrap的一些亮点,也许它不是适用于每项工作的最佳工具,但是下面所述的几大理由,绝对让你乐意将其纳入您的工具箱中。

1. Bootstrap开发更加快速

如果你想在短时间内创建一款新的网站或者应用,并且设计预算有限,那么Bootstrap就是你最佳选择!利用Bootstrap提供的一款模板,你可以基于此创建不同的风格样式、添加亮丽的图片及交互性功能,利用一些组件来部署或重建Web应用。

2.  与平台无关

它只是基于CSS和JavaScript,因此你无需在学习其他新的东西,只需将其插入到文档最前面,就可使用所有宏。比起SASS,如果你更喜欢LESS(Less是一个动态CSS语言框架,基于自己的JS引擎或者服务器端对传统的CSS进行了动态的扩展,使得Less具有更强大的功能和灵活性。Bootstrap 中有一套编辑好的Less框架,开发者可以将其应用到自己的项目。),你可以下载安装Bootstrap指南,此外这里还有ASP.Net MVC 4安装包、WordPress插件。

3.  可在任意HTML元素中添加类

现在我知道你在想什么…“那不是要让我的HTML非语义?!”也许,它并不遵循最佳实践,但是它是如此的快速、简洁。如果你担心非语义标记但是又渴望使用Bootstrap做个大项目,你会发现你必须深入到Bootstrap源码。

4.  从响应式开始!

通过使用流媒体网格布局,响应式设计更是运用自如。所有的一切都在运行,享受网格的强大功能,在每个重要的视图宽度端口查看流畅度。Bootstrap使得移动开发更加容易,因为你无需为每个新的屏幕宽度更改标记。

5. 完全可定制


定制化功能允许你完全控制你想要使用的那个功能,根据所需来简化框架。如果没有足够的控制权,你可以通过获取源代码来优化它。

Bootstrap是一套前端开发利器,它可以帮助我们加速项目开发,让我们身处在一个完备的系统中,拥有一致的设计和实现方法。不需要在外观上花费过多时间,使开发者能将精力集中于更重要的功能。此前,我们曾发布13款非常优秀的Twitter Bootstrap JavaScript插件,不妨移步去看下。

英文出自:Zingdesign

Windows Server 2012中的动态负载均衡 Google等互联网公司将成为创新中心? 在Hadoop的战争中 MapR获新一轮3000万美元融资 初创公司DNNresearch:谷歌科技帝国的新“基石” 创业了,我们该如何起名? 乐视网联手富士康推新盒子C1S “0+290元”新浪微博发售 吸引开发者:只要开发新应用 微软便奖100美元 PaintCode - 将矢量图转化为Objective-C代码的开发神器 苹果发布iOS 6.1.3 封杀evasi0n越狱所用漏洞 [API快讯] Google开放实时协作API 58同城开源轻量级Java Web框架 Argo 初创公司AppNeta:4轮融资,4780万美元 MongoDB释放2.4版本:692更新及8大得意之作 十年6亿美元!Amazon云计算喜获CIA大单! 国人当自强:HTML5+联盟首次筹备会成功举行 开源框架TAAE发布 快速打造iOS音频应用 如何学会600多种编程语言 “第五届中国云计算大会”将于2013年6月5-7日在京召开 Ridiculous Fishing:游戏遭遇山寨如何一雪前耻 老游戏的今天:Doodle Jump每周进账2万美元 剑指Evernote 谷歌正式推出Google Keep 开源的JS MVC框架 Backbone.js 1.0发布 前Facebook资深员工王淮给技术创业团队的十点建议 微软发布Windows Embedded 8系列操作系统 Google Play 4.0抢先体验 中国 vs. 非洲:移动医疗的前世今生 Java大数据框架初创企业Concurrent获400万美元融资 基于Edge Animate开发CSS3 Animations 后端服务商Firebase发布全新iOS SDK [爆料]百度云或在秘密打造实时移动Web App开发框架 打造最佳开发团队的几点建议 请问在stringgrid控件中可否一次在不同的cell中填入不同颜色的文字? 120分求解!! "模态"窗体的全屏与非全屏切换 用VC做DCT变换的同仁多吗? 急!急:如何使用链接来调用运行本地应用程序(exe文件)?请高手指教,多谢! 如何将一个ip捆绑多个域名,并且将域名与虚拟主机一一对应?这样作dns或路游等设置较普通设置有何异样??请高手指点,谢谢!!! 如何在一个win2k server的服务器上创建一个MSMQ队列! 请大家帮忙看一下,这个问题怎么办???? 请问vb里面的直方图用哪个控件,怎么画? vc和java,哪一个更有钱途? 請問哪里有條碼字體下載??? 看<windows程序设计>(第五版)章节上有什么顺序吗? 关于windows 可执行文件的结构问题! 如何才能得知当前路径?比如VB的App.Path? 能否向asscess添加图像字段,如果可以,那么要怎样写入和读出,请各位关注 谁知道用代码在treeview web控件中,添加node的方法? 关于金山公司的词霸那样的弹出菜单怎么做? 我从哪里可以买到powerbuilder8的多媒体教学光盘?thanks! 哪伟大侠有GB2322的汉字内码表啊? 关于对眼球经济的探讨(请各联盟盟主来看看!!!) 错在哪里? 如何才能实现将ListView的一列拖到另外一列的位置? 在VC#中订阅消息要手工输入,为什么不做成VB一样?有简单方法吗? 请问网吧管理软件是如何使屏幕变暗,并显示自己的对话框,禁止其他操作的? 第一次用VB,请指教 多线程中如何申请一块存储空间 Code Guard是什么东东?在线等待,马上给分! 这个错误是什么原因啊? 请问怎样获得默认打印机名! 哪位大虾能给小弟一点有关汉诺塔问题的资料呀?! ShellExecute(this.Handle,null,"c:\\",null,null,1)问题再探 PB6.5如何实现选择文件路径对话匡?急!在线等待。 为什么下面的enum定义要有一个方括号? dot menu是什么意思? 请教大侠为什么(333)这句不执行 如何将olecontainer载入的word文件全部显示,而不只显示第一页? 简单问题! 高手帮忙!如何通过服务器来自动查找、替换客户端文件 为何timer控件失效? @这个字符在C#中有何具体意义?不解 如何将sql server的检查约束延迟到Commit时 ado连接sql库问题 为何无法ping自己的地址呢? 滚动条判断 单个窗口程序可以运行,但是几个窗体连在一起就不可以了,好像是多线程的问题,请教各位 关于DBgrid再次求救 今天我好失败——斑竹过两天删除吧,让我宣泄一下 哎呀!!各位何必拉帮结派呢!!!这样不好啦!!影响水园大团结啊~~~没有加入帮派的人就很难在水园呆下去啦。。猪猪。。只有和他们沦为 CreateBitmap 与 CreateCompatibleBitmap 弹出一个窗体但是又不抢占其他窗体得焦点,怎么办? 利用DW-MX制作ASP.NET程序教程! 怎样用电阻档测电感测出来的电阻值怎么算出电感 不同温度的液体经过相同的管道空间,是低温物体吸热多还是高温物体吸热多液体为水,温度分别为25度,35度?液体为原油,温度分别为25度,35度?在这四种情况下,液体经过相同的管道空 铜的 摩尔质量是6.35*10的-2次方kg,密度为8.9*10的3次方kg/立方米,求(1)铜原子的 质量和 体积.(2)1m³铜所含的 原子数.(3)估算铜原子的直径 湖北现在温度回升到36了,什么时候降温啊?热死我了啊 表示水美的词 西藏现在的温度是多少 用电桥怎样测试电阻,电容,电感 几个描写水美的词 西藏地区温度多少海拔多高 诗歌知识问答题 直流双臂电桥除了可用于测量电阻外,还可用于测量电感.169.请问双臂电桥的作用,还有上面的题错误在哪? 把一元硬币放在不透明碗的碗底,移动碗的位置,使自己恰好看不见硬币.缓慢地将水倒入碗底,你会发现什么?请解释的清晰一点,别设什么ABC的, 怎么估算电机的等效电感电阻 一个教室长10米,宽6米,5米,这个教室的空间有多大 本来碗里没有硬币,后来往碗中慢慢倒水就会有一枚硬币在水中.怎么回事?怎么变? 电感和电阻公式请问那为大哥,求热风线圈电感和电阻的计算方法 实验小学有40间长10米,宽6米,5米的长方体教室.现在学校要对这40间教室进行一次性空气消毒,需要配制多少药水?①消毒药品:含氯消毒剂②药与水的比为1:41③用法:室内空气消毒每立方米0.02 在碗里放硬币加水的折射现象,硬币会升高吗加水后眼睛会看见硬币,看上去碗底的硬币会升高还是下降 电感等效电阻的定义及计算公式 教室的门大约2米,宽大约1米,现在教室的门打开九十度,教室的门大约扫过了多大空间要算式和答案 在桌子上放一只空碗,在碗底放一枚硬币,移动视线,直到刚好看不到硬币,停止移动视线,保持不动,请 古诗知识问答题 把3个分别冰块放进3个一样大小的玻璃杯,分别倒进热水温水冷水 诗歌的知识要短 我要《梅香正浓》的仿写啊!急 三相电中电流3A,是总电流3A,还是单相3A 两立方水水温40度,用3000度的火加热水到100度需要多长时间 一间教室长八米宽十六米高是四米这间教室有32名学生平均每人所占的空间是多少立方米 一个电熨斗的额定电压为220V.额定电流为3A.其电功率为多大?0.5小时耗电为多少度?加上公式吧. 3相380伏动力电,4500安培的设备,功率是2961千瓦吧,用多粗的电缆?怎么计算急! 仿写段落假如生命是花.花开时是美好的,我要把生命的花瓣,一瓣一瓣洒在人生的旅途上.假如生命是草.绝不因此自卑!要联合起所有的同类,毫不吝啬地向世界奉献出属于自己的一星浅绿.大地 10kv315kw 高压电动机额定电流计算公式 每1kwh耗电量是多少? 实验题(月球上的环形山是怎样形成的) 我的假设:实验所需的材料:实验步骤设计:怎样使模拟的环形山大小不一,深浅不同?方法是: 仿写片段那是力争上游的一种树,笔直的干,笔直的枝.它的干呢,通常是丈把高,象是加以人工似的,一丈以内,绝无旁枝;它所有的丫枝呢,一律向上,而且紧紧靠拢,也象是加以人工似的,成为一束, 三相电已知电压和电流求功率的公式 关于古诗的知识,短一点! 片段仿写 急用~春天想刚落地的娃娃,从头到脚都是新的,它生长着.春天像小姑娘,花枝招展的,笑着,走着.春天想健壮的青年,有铁一般的胳膊和腰脚,领着我们上前去.用“秋天”为对象仿写 20天婴儿喂水量 已知三相表的三根线电流怎么算功率?A线30.3安 B线28.5安 C线23.7安.怎么算功率啊? 帮我仿写苏教版六年级上册的第一课,<我们爱你啊!中国>这一课的第2至第6节,仿写一两节就可以了不过我的题目是:我们爱你啊!柳州!我们爱你--桂林山水的清奇俊秀,杭州西湖的浓妆淡 哪些固体与液体的反应是吸热反应 湖北省的枣阳市为什么叫“枣阳” 爱斯基摩人的冰屋 是什么样子的 不用热字描写景物 表现天气炎热和人们的心情 湖北枣阳 为什么从斜上方看水中硬币,看到的硬币比实际位置浅,画图说明 两段用写景的文字表达心情,写出表达了什么心情.200字左右,要表现出心情...从别的文中摘抄... 在室温下,冰熔化成水后所具有的能量与水的能量那个高? 为什么从斜上方看水中的硬币,看到的硬币比实际位置浅?画图说明 请教三相电与单相电混合怎么计算电流现在一个电箱,进线是380V的,电箱分给其他支路有的是接三相电机,有的是接照明、单相插座的,请问在电箱的系统图中要计算Ijs电流是怎么算?是看成全部 若函数y=mx2-6x+2的图像与x轴只有一个公共点,求m的值. 为什么因纽特人能用水作“泥”建筑冰屋?北极圈里,有取之不尽的冰,又有用之不竭的水.每当冬天到来之前,因纽特人都要建造冰屋.他们就地取材,先把冰加工成一块块规则的长方体,这就是“ 单相电流计算公式 .(09·广安)小聪家最近正在装修,爸爸去订了纯铜电线,并带回了样品.小聪用手弯曲点线,感到很硬.他猜想,这种电线未出如商家所言是纯铜制成.小聪想帮助爸爸鉴别材料的真实性:他觉得只要测 硬币放入水中会不会沉底哥哥姐姐,弟弟妹妹,叔叔阿姨,各位父老乡亲.帮帮忙吧!快点吧 在线等待有没有可能不会沉底,回复在水面上? 今天看到一个收硬币的.价格非常高,请问.目前市面上关于硬币的价格? 问一道物理难题一根一头粗一头细的木料,让细的一端着地抬起粗的一端,需用120n,让粗端着地抬起细端,需用力80n,这根木料受到的重力是 A400n B200n C100n D40n 如果有答案,请说明一下理由, 湖北地区气候温度是从什么时候开始真正降温变寒冷? 固体变成液体一定吸热吗(假设反应前后物质温度不变)固体变成液体,分子间距增大.但是分子间距增大,分子势能可能减小也可能增大.也就是说,固体变成液体,可能吸热也可能放热咯? 问一道关于物理的问题.今天上课老师说 因为地心引力的原因,在同一高度,把一个球扔出去,同时再向下放出一个球,两个球会同时落地.可是我就奇怪了,要使用一把枪打出一颗子弹,在同时向地
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘