php实战视频教程第三讲

Script插件?和组件类似,这些Javascript插件用来实现提示(tooltip)、弹出框(popover)、模态对话框(modal)等具有交互性的组件。РBootstrap 框架目录结构Р注意:所有的JavaScript插件都依赖jQuery库РBootstrap 安装使用-基本模板РBootstrap 栅格系统РBootstrap默认的栅格系统为12列,形成一个940px宽?的容器,默认没有启用响应式布局特性。如果加入?响应式布局CSS文件,栅格系统会自动根据可视窗口?的宽度从724px到1170px进行动态调整。在可视窗口?低于767px宽的情况下,列将不再固定并且会在垂直?方向堆叠。РBootstrap 栅格系统РBootstrap 栅格系统实现Р对于简单的两列式布局,创建一个.row 容器,并在容器中加入合适数量的.span* 列即可。由于默认是12列的栅格,所有.span* 列所跨越的栅格数之和最多是12(或者等于其父容器的栅格数)。Р<div class="row">? <div class="span4">...</div>? <div class="span8">...</div>?</div>РBootstrap 栅格系统分类Р基本栅格 pxА基本单位:行(row)和列(span)А基本布局:基本、偏移(offset)和嵌套А?流式栅格百分比А基本单位:行(row)和列(span)А基本布局:基本、偏移(offset)和嵌套Аrow-fluid(使用百分比而不是固定的像素)РBootstrap 布局Р固定布局Р响应式布局РBootstrap 基本CSS样式表格Р表格-制作一个符合要求的表格?相关样式:?基本样式.table ?圆角表格.table-bordered?鼠标滑过.table-hover?紧凑样式.table-condensed?隔行换色