Module 03 · Final Project and Assessment期末项目与评估
Glossary: Developing Websites and Front-Ends with Bootstrap术语表：使用 Bootstrap 开发网站与前端界面
| Term 术语 | Definition 定义 |
|---|---|
| Alert 警报 | 向用户显示重要消息。 Bootstrap 提供不同的警报样式，便于开发者有效突出信息。 |
| Bootstrap 前端框架 | 一种基于 HTML、CSS 和 JavaScript 的流行前端框架，使开发者可以使用一套代码构建在任何浏览器、设备和屏幕上都能运行的网站。 |
| border-box 边框盒 | 允许将边框计入宽度和高度。 |
| Bower 前端包管理器 | Twitter 构建的前端包管理器，用于支持 Bootstrap 4 或更早的版本。 |
| box-sizing 盒尺寸计算方式 | 允许将内边距和边框纳入元素的总宽度和总高度。 |
| Button 按钮 | 触发操作，或引导用户前往网站的不同部分。 Bootstrap 提供多种按钮样式，可以通过调整大小、形状或添加图标进行定制。 |
| Card 卡片 | 一种用途广泛的组件，可以显示文章、博客帖子、产品或用户资料等各类内容。 Bootstrap 提供灵活且可定制的卡片组件，具有不同的样式、布局，以及图像覆盖或按钮等交互功能。 |
| Carousel 轮播 | 一种以轮换方式显示一系列图像或内容的幻灯片组件。 Bootstrap 提供响应式轮播组件，支持自动播放、指示器、控件和说明文字等多种定制选项。 |
| Column 列 | 定义每一列的宽度。 |
| Composer PHP 依赖管理器 | PHP 的依赖管理器。 可以使用 Composer 安装和管理 Bootstrap 的 Less、CSS、JavaScript 及字体。 |
| Container 容器 | 将网页的全部内容包裹在指定宽度内。 |
| Dropdown 下拉菜单 | 帮助创建菜单或显示其他选项。 Bootstrap 提供可定制的下拉菜单组件。 |
| Form 表单 | 对收集用户输入或反馈至关重要。 Bootstrap 提供预设样式的表单控件，例如文本框、复选框、单选按钮和选择下拉框，简化表单的创建。 |
| Grid system 网格系统 | Bootstrap 提供的一项功能，使用 12 列布局帮助创建灵活的响应式布局。 |
| Helpers 辅助类 | Bootstrap 的实用类，使某些定制操作变得简单快捷。 例如， text-primary 等文本辅助类会自动将文本设置为蓝色（#007bff）。 |
| Input group 输入组 | 允许将输入框与按钮或下拉菜单等其他元素组合。 |
| Mobile-first development 移动优先开发 | 强调先优化网站和应用程序在移动设备上的使用体验，再针对桌面和其他用途进行优化。 |
| Modal 模态框 | 显示在主要内容上方的弹出窗口，通常用于提供附加信息或提示用户操作。 Bootstrap 的模态框组件让开发者能够轻松创建模态框，提供不同尺寸、动画和事件触发等选项。 |
| Navigation bar 导航栏 | 帮助用户轻松浏览网站的页面或各个部分。 Bootstrap 导航栏组件具有多种样式和选项，例如固定或粘性定位、下拉菜单和响应式行为。 |
| npm Node 包管理器 | Node Package Manager 的缩写，是用于 Web 开发的包管理器。 |
| Offset 偏移 | Bootstrap 网格系统的一部分，用于在列的左侧增加空间。 |
| Progress bar 进度条 | 显示任务的状态或进度。Bootstrap 提供简单且可定制的进度条组件，便于集成到用户界面（UI）中。 |
| Responsive web design 响应式网页设计 | 根据不同屏幕尺寸调整设计。 |
| Row 行 | 水平排列的一组列，用于确保 Bootstrap 中的对齐和间距正确。 |
| Utility class 实用类 | 预定义的 CSS 类，可以应用于多个元素，轻松实现特定的样式和功能。 |
| Viewport 视口 | 用户可见的网页区域，随设备而变化；手机上的视口比计算机屏幕上的更小。 |