首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

如何简单快速的修改Bootstrap

如何简单快速的修改Bootstrap

Bootstrap并不是单单意味着HTML/CSS界面框架,更确切的说,它改变了整个游戏规则。这个囊括了应有尽有的代码框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品。

可悲的是,它纯粹的功能唤起了我们本能的懒惰,很多人始终坚持使用它的默认设置。现在,你要知道,这些经过丰富想象力的默认样式和布局网格都不差,他们都是Twitter team花费了大量时间和精力的产物。他们是坚实的基础。

但是,Bootstrap的真谛是"基石"。Bootstrap框架,并不意味着它是全部终结解决方案。这个规则的一个例外可能是,如果你在内部开发了些东西,是公众看不到的。但是即使这样,你的想法会将人们带的更远,甚至改变一切。

Bootstrap的开发者们确实做了非常棒的工作,使得很多事情变得简单,他们的代码被模块化,你可以下载框架的独立组件。他们在网站上甚至提供了一款基本自定义工具,允许你编辑变量。

其余的,则决定于我们。一些真正的设计者和开发者已经加紧创建工具和变更,我们没有理由落于人后。现在已经没有借口再去使用Bootstrap的默认设定了。

Bootstrap…

标签: bootstrap, bootstrap模板, 使用bootstrap, bootstrap使用方法

阅读更多

bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器

bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器

在线演示

如果你寻找一款boostrap的HTML富文本编辑器的话,这里推荐一款超简单的富文本编辑器 - bootstrap-wysiwyg。

主要特性

  • 超小5kb
  • 自动的热键支持(MAC和windows)
  • 拖放的插入图片,支持图片上传(支持手机拍照)
  • 支持声音输入(chrome支持)
  • 允许自定义的工具条,可以使用所有的bootstrap内容,字体
  • 不使用任何强制的样式
  • 使用标准的浏览器特性,没有非标准的使用代码,工具条和按键可以执行任何支持浏览器的命令
  • 不创建任何的iframe,textarea,使用简单的行内div
  • 可选的清楚空白和空div和span
  • 支持现代浏览器(Chrome 26, Firefox 19, Safari 6,  IE10)
  • 支持移动设备( IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)

如何使用

$('#editor').wysiwyg();

保证样式如下:

 #editor {overflow:scroll;…

标签: 分享, javascript, bootstrap

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐