bootstrap源码学习与示例：bootstrap-tooltip
tooltip是bootstrap第二复杂的组件，近三百行。配置项比较多。并且需要手动初始化。另一个特点是没有自定义事件。 名称 类型 默认 描述 animation 布尔值 true ...
原文：bootstrap源码学习与示例：bootstrap-tab
切换卡或叫标签页组件。它与scrollspy组件一样，分为两部分，触发区与面板区。触发区用于绑定点击事件，切换对应的面板。 切换区为一个UL列表，要求UL带 nav nav tabs 或 nav nav pills 这两种类名。li下的标签要求有 data toggle tab 属性，你可以通过data target或href指定对应的面板。 面板区要求就相对宽松些，容器要求带 tab conte ...
2012-12-22 16:25 4 22931 推荐指数：
相关推荐
bootstrap源码学习与示例：bootstrap-affix
bootstrap在2.1新增的组件，直译过来就是固定。其实这组件很简单，就是通过添加或移除affix这个类名实现屏幕固定或不固定。当页面加载完毕时，JS插件会搜索页面上所有[data-spy="affix"]的元素，然后找其data-offset-top或data-offset-bottom属性 ...
bootstrap源码学习与示例：bootstrap-typeahead
bootstrap-typeahead这个名字起得很坑爹，其实就是其他UI库的自动完成。它只要引入JS就能用了。要求目标文本域至少有两个属性，[data-provide="typeahead"]与data-source就行了。data-source是一个经过unescapeHTML的字符串数组 ...
bootstrap源码学习与示例：bootstrap-alert
bootstrap-alert组件基本活儿在CSS上，JS部分就是一个关闭事件。这是框架提供的关闭事件，在这之前，你可以通过on方法绑定close,closed这两种回调，它会在关闭时被调用。基本上，你只要引入了JS文件，HTML按它格式要求写，它就能干活了。 需要注意的有两个： 关闭铵 ...
bootstrap源码学习与示例：bootstrap-modal
bootstrap-modal译为模态对话框，也就是带遮罩层的对话框。 从它的源码实现来看有点罗索。 它的HTML结构分三分部，首部，内容区，底层，底部放按钮或分页栏。 <div class="modal hide fade"> <div class ...
bootstrap源码学习与示例：bootstrap-collapse
这次说的是手风琴组件，但是bootstrap的实现有点奇怪，CSS中的类名以accordion为前缀，JS里面的处理组件与相关方法为collapse。 HTML结构以下：类名accordion的DIV包含N个类名为accordion-group的DIV，每组又分两部分 ...
bootstrap源码学习与示例：bootstrap-carousel
bootstrap的旋转木马组件，不过只能自动从左到右，而且与其他组件不一样，需要自己手动初始化一下。 结构还是算简单， <div id="myCarousel" class="carousel slide"> <div class ...
bootstrap源码学习与示例：bootstrap-popover
bootstrap-popover是bootstrap-toolbar的子类。它就比toolbar多一个content参数，其他就是一些默认值不同。与toolbar一样没有自定义事件。 名称 类型 默认 描述 ...