Bootstrap 面板

在 Bootstrap 中，面板是一个带有边框的框，其元素周围有一些填充。当您想将您的 DOM 组件放入一个框中时，可以使用面板组件。

class .panel 用于 <div> 元素内以创建 Bootstrap 面板。 面板内的内容具有 .panel-body 类。

通常一个面板包含三个部分

• 面板标题
• 面板内容
• 面板页脚

Bootstrap 面板示例

Bootstrap 面板组

面板组用于将许多面板组合在一起。

对于一个面板组，您必须用 class .panel-group 将 <div> 包裹在它们周围。

.panel-group 类 清除每个面板的底部边距。

请看这个例子

具有上下文类的 Bootstrap 面板

上下文 类 (.panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning 或 .panel-danger) 用于为面板着色。

示例