基本的HTML模板 排版 标题<h1>到<h6>：标题后面紧跟着一行小的副标题使用<small> <h1>Bootstrap标题一<small>我是副标题</small></h1> 段落 ...

简单的标签页 代码： [javascript] view plaincopy <h1 class=" ...

一、弹出框基础 Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，其主要又包括三个部分： ☑ 弹出框头部，一般使用 ...

先从bootstrap.modal.js的结构看起。 其HTML结构 我们开始过一遍插件源码：从初始化开始 根据HTML提供的结构，$target为a标签所指向的弹出框div的Jquery对象。另外$this.data()存在数据，为{toggle ...

先看bootstrap.dropdown.js的结构 HTML结构 从初始化即时函数开始 这里需要注意事件的冒泡，一般我们点击页面上的一个按钮(或者一个可见的标签时)时，现在你点击的这个标签上先触发事件，如果你这个标签上有事件的话，触发完之后，它会 ...

先看bootstrap-tab.js的结构 HTML结构 先从初始化开始 让body监听a标签的click事件，并且阻止其冒泡，调用了jQuery的原型方法tab。 这个结构跟之前的几个插件差不多，不过最后它是执行了show方法 ...

先看bootstrap-tooltip.js的结构 因为tooltip插件的使用比较多，调用者比较杂，源码中没有给出初始化的步骤，在看源码的过程中，我们手动添加初始化。 在script标签部分加入以上代码，我们可以鼠标移入'卡梅隆'时显示提示框 ...

我们先看bootstrap.alert.js的结构 HTML结构 alert插件，比较简单。我们先从初始化开始 body去监听所有拥有data-dismiss = 'alert'属性的标签，并为它们绑定上Alert原型上的close方法，注意 ...