第7章 Bootstrap内置组件

本章要点

• Bootstrap的按钮组件
• 下拉菜单、按钮式下拉菜单和分裂式下拉菜单
• 按钮组和工具栏的用法
• 按钮组嵌套下拉菜单
• Bootstrap的输入框组
• 标签式导航和胶囊式导航
• 两端对齐的导航
• 路径导航
• 基础导航条
• 在航条中添加品牌图标
• 在导航条中添加表单
• 在导航条中添加文本和链接
• 导航条的排列方式和位置
• 响应式导航条
• 分页导航
• 翻页导航
• Bootstrap的标签和徽章
• 使用Bootstrap的面板
• 面板嵌套表格
• 面板嵌套列表组
• 巨幕、页头和Well
• Bootstrap的缩略图
• 使用警告框组件
• 使用进度条组件
• 使用媒体对象设计界面
• 使用Bootstrap的列表组组件
• 链接列表组和按钮列表组

Bootstrap是一个优秀的CSS前端框架,它除了提供大量全局可用的CSS样式之外,还提供大量的UI组件,这些UI组件都是Web页面开发中最常用的组件,如按钮、下拉菜单、按钮组、输入框组、导航、导航条、分页导航、标签、进度条等。
使用Bootstrap 提供的这些UI组件很简单,通常只要为传统的HTML 元素添加少量Bootstrap的CSS样式即可,这样系统就可生成优雅、美观的UI界面。因此在Web页面开发中使用这些UI组件不仅事半功倍,而且还使界面更加专业、美观。