日期:2013-7-22 来源:GBin1.com
Bootstrap并不是单单意味着HTML/CSS界面框架,更确切的说,它改变了整个游戏规则。这个囊括了应有尽有的代码框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品。
可悲的是,它纯粹的功能唤起了我们本能的懒惰,很多人始终坚持使用它的默认设置。现在,你要知道,这些经过丰富想象力的默认样式和布局网格都不差,他们都是Twitter team花费了大量时间和精力的产物。他们是坚实的基础。
但是,Bootstrap的真谛是“基石”。Bootstrap框架,并不意味着它是全部终结解决方案。这个规则的一个例外可能是,如果你在内部开发了些东西,是公众看不到的。但是即使这样,你的想法会将人们带的更远,甚至改变一切。
Bootstrap的开发者们确实做了非常棒的工作,使得很多事情变得简单,他们的代码被模块化,你可以下载框架的独立组件。他们在网站上甚至提供了一款基本自定义工具,允许你编辑变量。
其余的,则决定于我们。一些真正的设计者和开发者已经加紧创建工具和变更,我们没有理由落于人后。现在已经没有借口再去使用Bootstrap的默认设定了。
Bootstrap 变更
以下是一系列变更已经非常成熟了,可以将你基本的bootstrap变得不再是你熟识的那个样子。这些变更的使用可能有些限制,也有些是在特定条件下使用的,但是如果他们符合你的需求,他们会为你省下不少时间和金钱。
Flat UI
第一种变更就是Flat UI(扁平化设计界面),由Designmodo发布。Flat UI迅速普及开来,在设计界有很好的理由:那就是它做的很漂亮。它是为那些偏爱扁平化设计的人存在的 - 与Bootstrap多少有些的拟物化设计正相反 - 每一个UI元素都被依据崭新的美学重新设计了。
矢 量图标,一个新的字形图标字体,自定义的UI元素(类似于to-do list)和多种改变起来非常容易的颜色主题,Flat UI让我,可能许多人也一样,重新设想Bootstrap可以如何展现。我经常觉得,基本的段落元素中的文本大小对于网站而言有些小,说句公道话,我觉得 他们只适合于应用程序的界面,在应用程序的界面里,你可以将文本放在狭小的空间里。
Flat UI是免费的,但是你可以使用付费的专业版本,专业版本中有附加元素,功能和PSD文件。
Fbootstrapp
记得我之前说过有些变更是有特定使用条件的?我当然不是玩笑的。Fbootstrapp已经完全重新开发用于兼容Facebook的用户界面元素。
为 什么要这么做呢?用他们自己的话说就是“Fbootstrapp是一套发起了Facebook iFrame应用开发的工具包。它包括了基本的排版,表格,按钮,表单,网格,导航和更多元素的CSS和HTML样式,让他们看起来和体验起来都和典型的 Facebook一样”。
Facebook的开发者们,注意,你们的工作开始变得简单了。
Jumpstart UI 管理模板
Bootstrap主要是用于应用,如果你想要将它在经典的“管理员界面”上应用,你还需要额外的工作。Jumpstart UI为你带来三种不同的模板,让你不再费力。
管理员UI图标,小部件的样式,基于jQuery的数据可视化插件还有更多其他的,被引入了干净的,可自定制的,全响应布局中。
这种变更不同于其他的最大一点是,它没有任何免费的版本,而必须付费才能使用。它只需要15到20美元,与它可以实现的功能,以及它符合你的特殊需求这两点而言,这个价格非常的划算。
BootMetro
有些人喜欢它,但更多人厌恶它,但是不可否认的是Windows 8和其Metro UI在设计界引起了轰动。我并不认为这种UI有特别的用处(一些软件商店除外),不过我们有一个BootMetro!
它是免费的,而且看起来特性完善,所以放心使用吧。对于大多数人而言,他可能不是特别有用,但是他是一种新奇的代码体验。
Bootstrap客制化工具
所以你想引导你的Bootstrap更好的达到你的UI需求,你要如何开始?你当然可以直接看代码,我可以告诉你,这样做是非常困难的。
如 果你想手动改变所有的排版,或者是按钮,链接颜色,又或者是导航样式,你可以在Bootstrap网站上的客制化应用中编辑所有的变量,但是你必须知道所 有颜色的HEX代码,而且当你做改变的时候,你看不到任何的可视性返回,也就是说你在修改的时候,完全不可预见你编辑后的样子是什么样的。
但是幸运的是,现在有很少一部分Bootstrap主题创作者为了这种客制化需求,特别做出了一些工具。以下是我至今认为最好的两种。
StyleBootstrap
如果你忽略笨拙的界面,StyleBootStrap是款很强大的工具,用于编辑你可以在框架总见到的大多数默认UI元素。
Bootstrap Magic
Bootstrap Magic是一款帮助你重塑架构的工具。它的界面简单友好,比StyleBootstrap可以微调更多的元素。因此,它需要更多的时间,但是它比起手动修改所有元素还是节省了不少时间。
插件 & 片段
有些东西是Bootstrap没有的,但是对我们而言却是非常重要的。首先是图标。
Font Awesome
Bootstrap 提供的图像字符图标非常酷,但是却很有限。你有一个“黑暗”图标,还会有一个“光亮”图标,这些都是一个可爱的小精灵图像。但是图标字体,应该更为灵活。 任何你可以用CSS3做的编辑,在这些图标上也都应该可以实现。比如改变颜色,给他们加上一个阴影,像写CSS一样简单。Font Awesome可以现在可以为361个图标进行这样的修改。
Bootsnipp
Bootsnipp是一个HTML片段库,与Bootstrap结合使用,并且不需要添加其他库。片段包括:注册和登陆表单,日历,类似Gmail的e-mail界面,media player界面,甚至更多。
这并不是全部
Twitter宠爱的模板越来越被广泛适应,也许在自定义Bootstrap上有更多的方法,更多的信息,是我的列表乃至任何列表中都没有的。毕竟,互联网就是为此而存在的,对吧?
via Nelly@极客社区
相关推荐
支持选择弹性盒模型(flexbox):这是项划时代的功能——只要修改一个Boolean变量,就可以利用flexbox的优势快速布局。 废弃了wells、thumbnails和panels,使用cards代替:Cards是个全新概念,但使用起来与wells、...
这个项目是一个简单的教务查询系统,该练手小项目希望能帮助到大家,熟悉SSM的整合开发 使用技术 IOC容器:Spring Web框架:SpringMVC ORM框架:Mybatis 安全框架:Shiro 数据源:C3P0 日志:log4j 前端框架...
适合企业单页宣传,企业展示的单页模板,简单修改后可快速使用。bootstrap页面响应式,支持PC和移动端。带有图片预览功能,前端单页。
本系统是应用于企业会议管理的系统,实现自动管理会议室,及时准确得知会议室空闲、预定情况,规范公司会议管理,实现公司信息资源在各部门之间快速有效传递,避免资源的冲突。提高了会议室的使用率,节省会议组织者...
Gkwp是首个wordpress中文主题开发框架,由“三吉工社”开发,它将使我们开发wordpress主题更加快速、简单。 它具有以下特性: 1.支持子主题(child-theme)开发模式,不改变框架本身代码,实现对文件的修改。强烈...
由 Raspidev 修改的 Shaarli 个人、极简、超快、无数据库的美味克隆。 您想分享您发现的链接吗? Shaarli 是一个极简主义的美味克隆,你可以安装在你自己的网站上。 它被设计为个人(单用户)、快速和方便。 演示...
3,集成了bootstrap,bootstrap是目前流行的前端框架,熟悉bootstrap的人用gkwp会更加简单,当然你也可以不用bootstrap,通过配置将默认的bootstrap去掉。 4,重写了wordpress原有的小工具(widget), 小工具独立...
易于定制:简单易懂的代码结构,轻松修改不费力。 响应式布局:兼容各种设备,确保在手机、平板和电脑上均有完美展示。 选择我们的HTML源码,即刻拥有一个外观专业、功能全面的网站。无论是个人博客、企业宣传还是...
简单的招聘网站范例 基于Flask / Jinja2 / Bootstrap / MySQL开发,仿照拉勾网的风格,实现了招聘网站的必需功能 环境 Python 3 MySQL 快速开始 1.安装Python依赖 $ pip3 install -r requirements.txt 2.修改配置...
简单说一下自己的思路,护士站管理系统的话,应该说是护士在护士台所使用的系统。用这个系统主要是对病人进行管理, 方便护士快速查找和管理病人信息。这大概是我的理解 主要模块就是病人管理了。 --- ### :date: ...
套件提供了规范的HTML结构和模块化的HTML,CSS,JS代码(默认),能够让开发者快速进入开发模式,自定义、修改或删除任意模块。描述:+ 每个模块(包含SCSS和JS)自动生成目录到uix-kit.css和uix-kit.js文件中+ 简单的...
3. 安装Redis,修改`mate-bootstrap/src/main/resources/application-dev.yml`文件中的Redis配置。 4. 启动`mate-bootstrap/src/main/java/vip/mate/bootstrap/MateBootstrapApplication.java`文件。 5. 后台访问...
整体的功能模块包括前台和后台,前台就是主要的页面相对还是比较简单的,主要就是登录页面和一些操作页面,比如密码修改页面,信息发布页面等。后台的功能模块按角色分主要有。确定了模块以后,再设计各个模块的功能...
整体的功能模块包括前台和后台,前台就是主要的页面相对还是比较简单的,主要就是登录页面和一些操作页面,比如密码修改页面,信息发布页面等。后台的功能模块按角色分主要有。确定了模块以后,再设计各个模块的功能...
加速页对该源码进行了代码排版压缩,使更多用户可以在此基础上快速修改成为自己的网址导航。该源码使用bootstrap框架,自适应各种比例显示器,适用于各大院校使用制作本校网址导航,服务学校师生。安装步骤:1、下载...
一个简洁美观、功能强大并且自适应的Java博客,使用springboot开发,前端使用Bootstrap,支持移动端自适应,配有完备的前台和后台管理功能。 功能简介 多种编辑器、自动申请友情链接、百度推送、评论系统、权限...
员工管理系统 这是完整使用SSM框架开发的第一个项目,项目整合北京动力例程的SSM框架集成教程,其中加入了一些自己的理解,增加了一个搜索功能的页面,这个项目总体而言对于新手是很友好...前端框架:BootStrap快速搭建
简单的语音转换英语使用简单的语音转换器,您可以快速轻松地编辑音频文件或录音的声音:选择一个音频文件,或录制您的声音,然后就可以进行编辑和保存! 所有音频处理均在您的设备上进行,并且没有数据通过Internet...
犀鸟是一个在线文档系统,致力于快速解决团队内部接口文档的编写和沉淀。 往往开发的时候的接口文档不是存在WORD里就是存在于我们的内部IM的聊天记录中,犀鸟的存在就是为了解决这些接口的维护. 力求用最简单的...