0%

第7章 Bootstrap内置组件

第7章 Bootstrap内置组件

本章要点

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

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

原文链接: 第7章 Bootstrap内置组件