虽然是基于不纯的目的来学习它，但想必也对大家有所帮助。 bootstrap虽然挂着twitter的名字，但实质上只是twitter的两个员工自己的项目。 bootstrap不是单纯一个项目，它的许多部件，包括CSS部分，JS部分，还是最原始的less部分要依赖其他项目才能运作。不过CSS已经有 ...

今天开始说非常简单的bootstrap-button组件。 button设计得非常smart，只有一个调用接口，你可以在$().button(str)中传入不同的字符串，来切换它的文本，其中有三个是框架占用的——toggle, reset, loading。 button的文本切换 ...

bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu ...

bootstrap-scrollspy(滚动侦测)是一个很有趣的组件，它会将某一个存在滚动条的区域中一些元素的ID值收集起来，然后在它们靠近滚动区顶部时高亮这些ID值代表的A元素。 它也明显的缺陷，对格式限得太死。它由两部分组成。一部分是滚动区，滚动区有个data-target用于指向包含菜单 ...

tooltip是bootstrap第二复杂的组件，近三百行。配置项比较多。并且需要手动初始化。另一个特点是没有自定义事件。 名称 类型 默认 描述 animation 布尔值 true ...

bootstrap-typeahead这个名字起得很坑爹，其实就是其他UI库的自动完成。它只要引入JS就能用了。要求目标文本域至少有两个属性，[data-provide="typeahead"]与data-source就行了。data-source是一个经过unescapeHTML的字符串数组 ...

切换卡或叫标签页组件。它与scrollspy组件一样，分为两部分，触发区与面板区。触发区用于绑定点击事件，切换对应的面板。 切换区为一个UL列表，要求UL带"nav nav-tabs"或"nav n ...

bootstrap-alert组件基本活儿在CSS上，JS部分就是一个关闭事件。这是框架提供的关闭事件，在这之前，你可以通过on方法绑定close,closed这两种回调，它会在关闭时被调用。基本上，你只要引入了JS文件，HTML按它格式要求写，它就能干活了。 需要注意的有两个： 关闭铵 ...