第7章 Bootstrap内置组件
本章要点
Bootstrap的按钮组件- 下拉菜单、按钮式下拉菜单和分裂式下拉菜单
- 按钮组和工具栏的用法
- 按钮组嵌套下拉菜单
Bootstrap的输入框组- 标签式导航和胶囊式导航
- 两端对齐的导航
- 路径导航
- 基础导航条
- 在航条中添加品牌图标
- 在导航条中添加表单
- 在导航条中添加文本和链接
- 导航条的排列方式和位置
- 响应式导航条
- 分页导航
- 翻页导航
Bootstrap的标签和徽章- 使用
Bootstrap的面板 - 面板嵌套表格
- 面板嵌套列表组
- 巨幕、页头和
Well Bootstrap的缩略图- 使用警告框组件
- 使用进度条组件
- 使用媒体对象设计界面
- 使用
Bootstrap的列表组组件 - 链接列表组和按钮列表组
Bootstrap是一个优秀的CSS前端框架,它除了提供大量全局可用的CSS样式之外,还提供大量的UI组件,这些UI组件都是Web页面开发中最常用的组件,如按钮、下拉菜单、按钮组、输入框组、导航、导航条、分页导航、标签、进度条等。
使用Bootstrap 提供的这些UI组件很简单,通常只要为传统的HTML 元素添加少量Bootstrap的CSS样式即可,这样系统就可生成优雅、美观的UI界面。因此在Web页面开发中使用这些UI组件不仅事半功倍,而且还使界面更加专业、美观。
原文链接: 第7章 Bootstrap内置组件