本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
推荐一款强大的Bootstrap可视化编辑器
简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站?是的,LayoutIt 是一个 Twitter Bootstrap 界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。
如下:
来自:http://www.see-source.com/blog/300000038/294
Bootstrap JS插件使用实例-下拉菜单
本篇文章讨论Bootstrap的js下拉菜单插件(bootstrap-dropdown.js)
先看个简单示例,可直接粘贴运行:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="te ...
Bootstrap JS插件-轮播
Bootstrap为用户提供了13个很有用的jquery插件,下面列出了各个插件及对应的js文件:
轮播 --------bootstrap-carousel.js
过度效果-----bootstrap-transition.js
模态对话框------bootstrap-modal.js
下拉菜单-------bootstrap-dropdown.js
滚动监听--------boo ...
两个不错的bootstrap风格的select模拟插件
Bootstrap-select
http://silviomoreto.github.io/bootstrap-select/
和bootstrap风格很高度一致,使用风格也相同,简洁大方,推荐!
Select2 3.3.2
http://ivaynberg.github.io/select2/index.html
功能很强大,对于变态需求表示无压力!
Bootstrap栅格系统研究
上一篇文章中已经对网页的栅格系统做了大概的说明,有了这个铺垫在来看Bootstrap的栅格系统就比较容易了。
Bootstrap的栅格系统为12列(最大列数),形成一个940px宽的容器。
Bootstrap的栅格系统有俩种,一种是固定式的,一种是流式的(也就是可适应宽度的)。
1.固定式栅格
固定式栅格系统每列的宽度(width)及列与列间的间距(margin)都是固定的,列宽为 ...
免费的响应式bootstrap管理员后台界面主题 - Charisma
日期:2013-3-31 来源:GBin1.com
在线演示
Charisma是一套全功能的,免费,会员质量的响应式HTML5管理员界面模板,基于"Bootstrap",拥有了9套不同的主题颜色内容,可以满足你的不同需要!
主要特性:
…………via 极客标签
来源:免费的响应式bootstrap管理员后台界面主题 - Charisma
bt-validate
这是一个基于bootstrap的检验组件,改编自网络。 利用了bootstrap的popover弹出组件显示出错信息,允许用户在表单组件中使用自定义规则。没有考虑 通过ajax方式
服务器返回的验证信息情况。 用户在ajax下,可通过 类似的语法进行设置显示:
el.next().popover("show"); 至于其他,请按js操作dom节点的方式修改popover的
显示 ...
bootstrap用dropdown-menu实现上下文菜单
写在前面:
所谓上下文菜单,它与一般菜单的区别在于:
通过右键触发显示在鼠标右键点击处
鼠标在别处点击后,该菜单消失
实现方法:
在html中定义一个普通的没有触发条件的dropdown-menu,然后写这个menu的父容器的监听即可实现。
代码:
<div id="settingInGraph">
<ul class="dropd ...
Yii添加yii-bootstrap扩展
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Bre ...
Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件
日期:2013-2-22 来源:GBin1.com
在线演示
如果你需要创建漂亮的弹出式工具栏的话,toolbar.js这个 jQuery插件肯定能够帮你大忙,它是一款小巧的弹出式工具栏提示插件。可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap图标来自定义样式,提供了非常灵活的方式来管理你的UI和图标。
主要特性
实现的选项 ...
最全的 Twitter Bootstrap 开发资源清单
最全的 Twitter Bootstrap 开发资源清单
英文原文:TheBig Badass List Of 180 Useful Twitter Bootstrap Resources
Bootstrap 是 Twitter 推出的一个开源的用于前端开发的工具包,由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发。 ...
bootstrap datepicker 在bootstrap modal中不显示问题
在普通的网页中显示datepicker比较简单,将bootstrap-datepicker-zh_CN.js 和 bootstrap-datepicker.css
拷贝到rails工程中相应的assets目录中,并在application.js 和 applicat ...
bootstrap passing dada to modal
we can open a dialog with bootstrap modal ,but how to passing data to the modal?
if we want to open a form with modal, like edit a product, rails skip to the edit.html.erb, and show the form
,we ...
Bootstrap: New Net-volution
A lot of companies developed their own mature front-end components or frameworks since several years ago, while only twitter makes it popular all around the world. Just think of it why. I don’t beli ...
BootstrapPlugin - toggleButton 使用笔记
BootstrapPlugin - toggleButton 使用笔记
1) checkbox 转换为 开关的样式,很有趣。
留档备份
2) 官方文档 & 官方DEMO
http://www.larentis.eu/bootstrap_toggle_buttons/
3) 截图
4) 代码
<!DOCTYPE HTML>
<html lang=" ...
BootstrapPlugin - typeahead-ex 使用笔记
BootstrapPlugin - typeahead-ex 使用笔记
1) bootstrap官方的typeahead插件不支持ajax方式展示数据。这个插件作为扩展,让typeahead有了ajax的功能。
留档备份。
2) 官方文档 & 官方DEMO
https://github.com/tcrosen/twitter-bootstrap-typeahead
3) 代码
&l ...
BootstrapPlugin - prettyCheckable 使用笔记
BootstrapPlugin - prettyCheckable 使用笔记
1) checkbox, radio美化插件,效果美观大方。
留档备份。
2) 官方文档 & 官方DEMO
http://arthurgouveia.com/prettyCheckable/
3) 效果图