Bootstrap常用组件与布局详解.pdfVIP

本章目标

➢掌握Bootstrap的布局

➢掌握Bootstrap的下拉列表

➢掌握Bootstrap的按钮组

➢掌握Bootstrap的输入框组

➢掌握Bootstrap的导航栏

➢掌握Bootstrap的分页

➢掌握Bootstrap的进度条

Bootstrap的布局

➢Bootst个

CSS样并

显示出开

头，这的

时候必

.glyph

➢需要大站

，上述大

家可以

Bootstrap下拉列表

➢Bootstrap的下拉列表

Bootstrap的按钮组

➢按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮

对齐在一起时，这就显得非常有用。在Bootstrap中按钮

组（Buttongroup）的基本用法很简单，只需要在多个

按钮外部使用一个容器元素（比如div），然后在容器元

素上应用.btn-group样式即可。

Bootstrap的按钮组

➢按钮

➢按钮主要是将多个按钮组排列在一起

Bootstrap的按钮组

➢嵌套分组

Bootstrap的输入组框

➢通过向输入域添加前缀和后缀的内容，您可以向用户输入

添加公共的元素

➢向

iv

Bootstrap的导航栏

➢创建导航栏菜单过程

以一个带有class属性.nav的无序列表开始

添加class属性为.nav-tabs

Bootstrap的分页

➢Bootstrap的分页

Bootstrap的进度条

➢需要特别指明的是，Bootstrap进度条使用CSS3过渡

和动画来获得该效果。InternetExplorer9及之前的版

本和旧版的Firefox不支持该特性，Opera12不支持动

画。

➢对于要创建一个基本进度条，其步骤如下：

添加

在的空的

div

添加一个带有百分比表示的宽度的s