1.模态框插件制作弹出的对话框
模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。
用法
通过 data 属性或 JavaScript 调用模态框插件，可以根据需要动态展示隐藏的内容。模态框弹出时还会为 <body> 元素添加 .modal-open 类，从而覆盖页面默认的滚动行为，并且还会自动生成一个 .modal-backdrop 元素用于提供一个可点击的区域，点击此区域就即可关闭模态框。
通过 data 属性
不需写 JavaScript 代码也可激活模态框。通过在一个起控制器作用的元素（例如：按钮）上添加 data-toggle="modal" 属性，或者 data-target="#foo" 属性，再或者 href="#foo" 属性，用于指向被控制的模态框。
2.选项卡插件制作页面的选项卡
选项卡（Tab）组件
它是Bootstrap提供的一种非常常用的功能和平时使用的Windows操作系统里的选项卡设置一样，单击一个选项，下面就显示对应的选项卡面板
选项卡有两部分组成，CSS选项卡组件+底部可以切换的选项卡面板
选项卡导航和选项卡面板要同时有
导航链接里要设置data-toggle="tab"，并且还要设置data-target或是href="选择符"，以便单击的时候能找到该选择符所对应的tab-pane面板
tab-pane要放在tab-content里面，要有id且值必须和data-target的值或href的值相同
Comments