Module 03 · Final Project and Assessment期末项目与评估
Course Summary: Developing Websites and Front-Ends with Bootstrap课程总结:使用 Bootstrap 开发网站与前端界面
Congratulations! At this point, you know that:
恭喜!在此阶段,你知道:
- Bootstrap is a popular front-end framework that you can use to build responsive websites. It is based on HTML, CSS, and JavaScript.
引导程序是一个流行的前端框架,您可以使用它来构建响应式网站。它基于 HTML、CSS 和 JavaScript。 - The key features of Bootstrap include a responsive grid system, pre-built components, customizable themes and templates, JavaScript plugins, and cross-browser compatibility.
Bootstrap 的关键特性包括响应式网格系统、预构建组件、可定制主题和模板、JavaScript 插件以及跨浏览器兼容性。 - Components in Bootstrap are reusable elements that developers use to construct parts of a website. The most used components are the Navigation bar, Buttons, Forms, Cards, Modals, Carousels, Alerts, Dropdowns, and Progress bars.
Bootstrap 中的组件是开发者用来构建网站部分的可重用元素。最常用的组件包括导航栏、按钮、表单、卡片、模态框、轮播图、警告框、下拉菜单和进度条。 - Bootstrap icons are popular scalable vector icons that integrate into your web development projects. The Bootstrap icons library is open-source and offers various styles and designs.
引导图标是流行的可缩放矢量图标,可集成到您的 Web 开发项目中。Bootstrap 图标库是开源的,提供各种风格和设计。 - Bootstrap utilities are predefined CSS classes used for typography, color, spacing, display, visibility, flexbox, float, and position.
引导工具集是用于排版、颜色、间距、显示、可见性、弹性盒子、浮动和定位的预定义 CSS 类。 - Bootstrap uses a 12-column grid system, which provides several grid classes that allow you to control the width of columns at different screen sizes, customize your page layout, and style text elements.
引导程序使用 12 列网格系统,该系统提供多个网格类,允许您控制不同屏幕尺寸下列的宽度,自定义页面布局以及样式化文本元素。 - Bootstrap provides several card layout options for different design needs, such as stacked cards, card decks, and card columns.
Bootstrap 为不同的设计需求提供多种卡片布局选项,例如堆叠卡片、卡片组和卡片列。 - Bootstrap employs various strategies for cross-browser compatibility.
Bootstrap 采用各种策略实现跨浏览器兼容性。