Bootstrap是前端开发中广泛使用的框架，它提供了丰富的可复用组件，极大地方便了网页的构建。Bootstrap2作为早期版本，虽然现在已经更新到更先进的版本，但它的组件设计原理和基本使用方法对于初学者仍然非常有价值。以下是关于Bootstrap2组件的一些关键知识点：
1. **Glyphicons字体图标**： Glyphicons是一套集成在Bootstrap中的字体图标库，通过简单的CSS类可以直接在页面中插入图标。例如，`<span class="glyphicon glyphicon-search"></span>` 可以显示一个搜索图标。
2. **下拉菜单**：下拉菜单常用于展示链接列表，可以切换并显示在触发器（如按钮）下方。通过`<div class="dropdown">`包裹触发器和菜单，并使用`data-toggle="dropdown"`属性来实现交互。可以使用`.dropup`类让菜单向上弹出，`.dropdown-header`添加菜单标题，`.divider`创建分隔线，`.disabled`使菜单项不可选。
3. **按钮组**：按钮组允许将多个按钮排列在一起，形成统一的视觉效果。使用`<div class="btn-group">`包裹按钮，可以创建水平排列的按钮组。通过`role="group"`提供语义化信息，`btn-group-lg`, `btn-group-sm`和`btn-group-xs`分别用于定义大、中、小尺寸的按钮组。
4. **按钮式下拉菜单**：结合按钮组和下拉菜单，可以创建具有下拉选项的按钮。只需在按钮组内添加下拉菜单即可实现。
5. **输入框组**：输入框组将输入框与其他元素（如标签或按钮）组合在一起，通常用于表单。通过`<div class="input-group">`包裹输入框和附加元素，可以创建输入框组。
6. **导航**：Bootstrap2提供了多种导航组件，如导航条、路径导航、分页等。导航条（navbar）是网站顶部常见的固定式导航，使用`<nav class="navbar">`创建，可添加品牌标识、导航链接和下拉菜单。路径导航（breadcrumb）显示当前页面在网站结构中的位置，而分页则用于分段显示大量数据。
7. **标签和徽章**：标签（label）用于标记内容或提供简短信息，徽章（badge）常用于表示计数或状态。两者都可以添加到链接、按钮或其他元素上，使用`<span class="label">`或`<span class="badge">`创建。
8. **巨幕（Jumbotron）**：巨幕组件用于突出显示重要的内容，如首页的欢迎消息或宣传内容。通过`<div class="jumbotron">`定义。
9. **其他组件**：还包括页头（header）、缩略图（thumbnail）、警告框（alert）、进度条（progress bar）、媒体对象（media object）、列表组（list group）、面板（panel）以及响应式的嵌入内容（embed-responsive）和well（一种内阴影效果）等，它们各自提供特定的功能和样式。
了解和掌握这些Bootstrap2组件的基本使用方法，可以极大地提高前端开发效率，同时也能创建出美观且响应式的网页界面。不过需要注意，随着Bootstrap的更新，一些组件可能在新版本中有变化或被替换，因此在实际项目中应根据最新文档进行学习和应用。
