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

使用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

BlackBerry 10或许不仅仅是一剂强心针 一周消息树:专访蒋彪:JavaEE是企业级开发首选 移动周报:从封闭到开放,iOS生态系统要变天? 游戏平台上:Win7已跌破70% Ubuntu突破1% 不再那么传奇 扎克伯格时代或结束 微软应该联手Firefox OS,打造破坏性生态系统 中美IT人才俱乐部第一期:硅谷经验面面观 中国第四季度Android和iOS智能手机出货量高达98% 开发者眼中的代码审查“真相” 互联网产品设计的12个理念 Pair、Between、小恩爱:妹纸装个情侣应用吧? 横跨四大操作系统:3DMark将挑战所有智能设备 美国碰壁欧洲得意 华为获CERN青睐 应用数据分析新标准:Flurry增应用崩溃分析功能 Twitter被黑客入侵,25万用户信息可能被窃 16亿美元超级计算机项目助力解读人脑 卡巴斯基发现新型Android恶意软件 可入侵Windows 谷歌发布基于B-Tree的C++模板库 开源产品系列:高性能Web框架Zend Framework LiFi是否会取代WiFi? 1月浏览器排行:IE10突破1% Chrome连续3月下滑 Wine让Android也能运行Windows软件 Cory Ondrejka,是这位工程师拯救了Facebook! 三星争夺企业市场的三大痛点与对策 Xcode更新至4.6 支持iOS 6.1 工程师揭秘:NVIDIA如何锻造Android掌机 VMware掌控Puppet 老用户会被锁定吗? 试图领导创新:三星创新中心11亿美元建基金 基于WebRTC Chrome与Firefox实现视频通话 将OpenStack私有云部署到Hadoop MapReduce环境 Web设计师必备的10款最佳排版工具 HttpURLConnection中如何得到http://www.sina.com.cn后面的缺省文件名 小问题:关于MAC地址 在WINDOWS2000 ,开始菜单中的 "运行(RUN)" 在系统中是什么样的文件???? 急!! OleContainer 问题:为什么用olecontainer打开word文档速度非常慢,有没有解决的办法,多谢! 请问哪里有ASP+ACCESS 的邮件列表代表下载? dbgrid选中的问题?在线及等!!!!! 各地软件工程学院的学生都写写自己在学校学习的经历和体会! adobeacrobat 耗尽内存 如何解决 ! 新手求助:ADOQUERY控件的问题 文件与下拉列表 真搞不懂 关于办公系统及美术设计问题 API 局部放大函数 版主为什么删除我的帖子? 浏览器对象模型与文档模板(DOM)有什么不同和联系? 在datalist或datagrid中绑定的checkbox如何控制呢? 我的xp系统中ABC输入法,词组记忆功能始终不能用,请问怎么解决。 如何编程打开一些特殊窗口?如网上邻居,我的电脑属性,设备管理器 请教又一ShellListView和ShellTreeView中的问题?还望大家多多指教! 不懂!不懂!不懂!关于文档和视图。 将照片从数据库中取出,并显示到Image控件中,若当中不用文件作为临时存储行不行?? 弹出菜单怎么做 关于存储过程执行的正误判断及数据回滚问题。 关于LPCWSTR的问题? TChart的Canvas写上字后,最小化再最大化后字就没了, [2]请大家无论如何都要帮个忙,oralce存储过程性能问题,高手请进!!! 请问如何直接取得其它计算机的系统时间 如何使的 Form2 在 Form1 的 Top ? 怎样在pagecontrol的一个tabsheet中的页面加一个上下的滚动条 急!将textbox控件放入table中后无法通过controls获得textbox的id? 大家说说看!! 初来乍到,向各位学习,请大家指点一下,介绍些好的C#的WEB源码示例。 请大家帮我看看! weblogic发布servlet的问题 Fatal Error 的问题 哪里有和手机一样的笔划输入法下载. 哥哥们,问题还没有搞定,帮帮忙吧,很急呀,分不够可以加分 XDevClub.Com[X时代开发俱乐部]欢迎大家一起来讨论,来者有分 求救!!我的vc缺少一个 psapi.h 头文件!!!急用,帮忙粘贴一下,当场给分!!! 怎样更改CListCtrl中内嵌的CHeadCtrl控件的风格? 有关TChart的问题? 我怎样才能获得插入语句的ID值? 求帮助数组的问题 给分100 紧急求救 在DELPHI里执行ORACLE存储过程出错??? 当按照书名查询时,系统提示没有该索引:no index with 'bookname' field.何故 CorelDram教程碟不能播放怪的问题!! 如何在vb調用SQL存儲過程,并能得到返回的參數值. 哪位大侠帮帮忙呀!! 用CString的Find(LPCTSTR pstr,int nStart),pstr有没有通配符,急!!!!! 一个XP与2000的共享问题 各位兄弟姐妹,有谁懂化学的啊!我想问一下乙二醇单丁醚与乙醇的溶油性谁更强一些啊! 钡的相对原子质量 东西罗马如何分裂和灭亡 无痛人流全过程多久?的时候去医院做人流、所以我想问一下、从我到医院到做完回家一共大概多长时间?请做过的人告诉我一声!谢谢、还有、不打消炎针、吃消炎药行么? 钡的相对原子质量是? 罗马皇帝是提奥多西还是狄奥多西 做无痛人流的具体过程是怎么样的? 钡的相对原子质量是多少? 铝板研磨时,如何防止表面被氧化, 如果没有大气连通器会怎样 钡、氯、硫的相对原子质量. 罗马何时分裂 有哪些里用大气压强工作,那些利用连通器工作?不用介绍,只要写名字,再加一句为什么就可以 什么是相对离子质量,相对原子质量,相对原子质量?什么是相对离子质量,相对原子质量,相对原子质量?拜托分别举个例子! 铝板被消毒水氧化怎么办? 不锈钢201高铜,高镍,为什么近海边容易生锈? 乙酸与水互溶吗?RT 离子交换膜的用途是什么包括工艺原理是什么 如何判断手性原子周围基团的优先级别?比如,手性碳上连接着乙烯基,异丙基,异丁基的时候,是乙烯基大于异丁基还是异丁基大于乙烯基,为什么?不是异丁基,是叔丁基 乙酸和水是互溶还是分层?具体点 丁烯醛和丁醛哪个更易发生亲和反应比如和HCN,NaHSO4等化合物的亲核加成反应.在同一亲核试剂的条件下,醛发生亲核反应的活性与三个因素有关:电子效应、空间位阻效应、反应中间体的稳 化学一道盐类水解题同浓度的下列电解质溶液:1,碳酸钠 2,碳酸氢钠 3,偏铝酸钠 4,醋酸钠以上四种溶解的PH由大到小依次是?要解析 乙酸能不能与水以任意比互溶 怎样知道硝酸镍里有没有铁 旋光性是否由手性基团决定? 乙酸为什么可以与水任意比互溶 硝酸铜和醋酸镍哪个先分解 25摄氏度时,将一定浓度的盐酸和一定浓度的氨水按2:1的体积比混合.若混合液中铵根离子浓度等于氯离子浓度则溶液的PH值是大于还是等于或小于7 乙酸镍饱和溶液中的铁锈 如何去除 丁醛与氢氧化钠反应的化学反应 已知乙酸(HA)的酸性比甲酸(HB)弱,在物质的量浓度均为0.1mol/L的NaA和NaB混合溶液中,下列排序正确的是A.c(OH-)>c(HA)>c(HB)>C(H+)B.c(OH-)>c(A-)>c(B-)>c(H+)C.c(OH-)>c(B-)>c(A-)>c(H+)D.c(OH-)>c(HB)>c(HA) 蛋白质等电点测定为什么要在缓冲液中进行 我想化验硝酸镍中镍的浓度比,谁可以帮我?我在义乌,有一种电镀挂水中含镍,我想通过化学仪器测出镍的浓度,一般化工大学里的人都可以测出,我希望那位高人帮我 一道盐类水解题[例6] 将0.2mol/L CH3COOK与0.1mol/L盐酸等体积混合后,溶液中下列微粒的物质的量浓度的关系正确的是:( )A.c(CH3COO-)=c(Cl-)=c(H+)>c(CH3COOH)B.c(CH3COO-)= c(Cl-) 饱和氯化钡中氯离子和钡离子也饱和吗?那为什么电解饱和氯化钡没有钡单质生成, 若用实验证明CuSO4溶液显蓝色不是由SO42-离子造成的,下列实验无意义的是 :A 观察Na2SO4溶液,溶液没有颜色B 对比不同浓度的CuSO4溶液的颜色差异,浓度小的溶液颜色较浅C 向CuSO4溶液中滴加足量氯 润滑油会腐蚀皮肤吗 乙二醇和浓的硫酸在140度生成什么? 为什么要划分东西半球?划分出来了有什么意义么? 脚被汽车机油腐蚀怎么办 乙二醇和浓硫酸反应140度和170度有什么区别?要方程式的…… 水 醋酸 谁更弱?都是弱电解质,那谁的××更弱呢?PS:我不知道××是什么.. 一个封闭的长方体容器,里面装有水,容器的长、宽、高分别是10cm、10cm、15ccm王华同学不小心把容器碰倒了现在水的高度是多少?(没交带水的高度) 实验室生物安全管理的相关技术标准有哪些 如何分离冰醋酸和水 如果把铅笔中铅心的末放到香烟中的烟草点燃生成什么最好有方程式,由于小弟是新手,付不起金币,所以只能说谢谢了! GB19489《实验室生物安全通用要求》谁能帮我找下GB19489-2008《实验室生物安全通用要求》,能不能帮忙提供一份Word版的,minmin8890@163.com .急用 醋酸会与水反应吗 把一块磷酸二氢钾晶体放到磷酸二氢钾溶液经过培养晶体会变大吗? 简述我国对生物安全实验室设施的管理要求. 醋酸和水能否分层 磷酸二氢钾晶体已用于我国研制的巨型激光器“神光二号”中.磷酸二氢钾中氧元素的质量分数多少? ‘连通器里各容器里的液面高度总是相同的’ 对不对? 求视频:脑筋急转弯:荷叶一天长大一倍,十天长满整个池 塘,请问几天长满半个池塘 英语翻译乙烯醋酸乙烯酯改性砂浆 的英文翻译, 能够成为双氧水,锌的催化剂的有哪些? 荷叶一天长大一倍,十天长满整个池糖,请问几天长满半个池塘?(脑筋急转弯) 光合作用主要吸收蓝紫光,那为什么在影响光合作用的因素中,光照的光质是白光大于蓝紫光? 相同温度相同物质的量的浓度的几种溶液1.氯化铵 2.NaHSO4 3.NaCl 4.Na2CO3 5.NaHCO3 6.醋酸钠 其溶液的PH值由小到大的排列顺序是? 池塘的荷叶,每天长一倍,20天长满整个池塘.问多少天长到一半池塘? 美国耐用品订货9月份环比上升3.7%欧盟承诺为企业发展提供便利俄罗斯再次“威胁”乌克兰与欧盟眉来眼欧盟成员国将推动边界监管防范偷渡印度东部洪灾已造成27人丧生新华国际时评:中国周边外交创新局淡水河谷40年累计向中国出口铁矿石1安倍希望早日通过新设“国家安全保障会加拿大总督访问蒙古国李克强同蒙古国总理阿勒坦呼亚格举行会上合组织就打击恐怖主义召开研讨会佟屏亚:转基因作物能增产是骗人的!浙江一男子利用感光材料提炼白银污染环商贾云集浙江觅得知音 杭州揽投资15西班牙首相拉霍伊:将就监控事件召见美西班牙首相拉霍伊:将就监控事件召见美尼日利亚海盗绑架美船员 西非海域险过中泰高铁合作前景可期商务部国际贸易谈判代表钟山谈第四次中哈萨克斯坦文化日将在北京拉开帷幕彭光谦:若转基因对人民不构成任何危害地下水管爆裂,路面成“丘陵”大叔求爱“90后”不成纵火上海迪士尼度假区 开售首套主题商品安心之道注销公告填补“一带一路”金融缺口 钰诚国际多美兰湖遭雷击姐弟 一人去世一人危重抱外孙穿马路被撞,外公要赔10多万“我爱足球”中国足球民间争霸赛上海赛大叔求爱“90后”不成纵火长崎原子弹爆炸70周年前夕 民众纪念闵行区马桥镇农业服务中心开展夏季高温《爱在星空下》,“叔姨”辈演青春如何看待令人恐慌的检查报告(上)妈妈都去哪儿了?南汇新城镇社区学校暑期爱心课堂受欢迎中环10月正式成环:五角场可直达迪士黄蜂对阵快船下周售票上海重申小学期末严禁考英语太原有157人参赛女足三连败排名垫底
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘