Bootstrap内置组件的面板基础应用

1、面板（Panels）是Bootstrap框架中一个比较重要的组件，可以将面板理解为一个容器，它能完成其他组件完成不了的功能。Bootstrap中的面板使用有多种形式，可以使用一个简单的面板，也可以包含头和尾的面板，不同的面板还可以设置不同的颜色等，后面的章节会一一讲解。首先来看Bootstrap中一个简单面板的案例，效果如图所示。

2、Bootstrap中面板可以分为以下几稍僚敉视个部分：Panel容器，也就是面板的最外层元素。标题：可选。内容：可选。脚注：可选。前面简单地说了面板的构成，基础面板非常简单：不包含标题和脚注，只是使用一个class="panel"样式应用于<div>容器上。class="panel"和按钮中的class="btn"样式一样，是一个基础样式，不包含任何主题颜色。如果需要控制主题颜色则需要其他辅助样式来控制。下面的代码定义了一个简单的面板，这个面板不包含头和脚注，class="panel-body"是用于包含主题内容的。

3、页面运行效果如图所示