分类： HTML & CSS

Bootstrap 支持的 JavaScript 插件

介绍了 Bootstrap 中 JavaScript 插件的导入方式及其模态弹出框 (Modal) 的实现原理、结构与使用方法。涵盖声明式与 JavaScript 触发模态框的技巧，支持通过自定义属性与参数设置控制动画效果、尺寸和行为。还说明了事件监听的使用场景，为开发者提供了灵活的交互设计方案。

Bootstrap 学习 - 内置组件

介绍了 Bootstrap 框架中缩略图、警示框、进度条、媒体对象、列表组和面板等组件的使用方法及实现原理。重点讲解了如何通过样式类和自定义属性实现组件的不同状态、颜色和交互效果，并结合代码示例展示了组件的嵌套与扩展应用。

Bootstrap 学习 - 网格系统

讲解了 Bootstrap 网格系统的实现与用法，包括通过 12 等分布局实现响应式设计，支持列组合、偏移、排序和嵌套等功能。通过设置容器、行和列的样式，以及结合媒体查询，灵活调整布局以适应不同屏幕尺寸，满足各种设计需求。

CSS 负边距的应用

展示了如何利用 CSS 的负边距属性来创建和管理布局。通过对 HTML 元素应用负边距，可以实现元素的定位和排版，如改变元素位置、调整元素间距等。该文以一个服务器选择列表为例，详细展示了负边距在实际布局中的应用，提供了对应的 HTML 结构和 CSS 样式代码。

Bootstrap 学习 - 排版 - 表单

详细介绍了 Bootstrap 中的排版和表单设计。涵盖了标题、副标题、段落、强调样式、粗体、斜体、字体颜色、文字对齐方式、列表、定义列表、输入代码样式、表格样式等排版内容。在表单部分，详述了基础表单、水平表单、内联表单、输入框、复选框和单选按钮、表单控件大小、表单验证状态、按钮样式和大小、块状按钮等内容。这些内容为开发者提供了全面的 Bootstrap 设计参考。