面板组件就是一个存放容器的组件
1.实例对比--默认的 .panel 组件所做的只是设置基本的边框(border)和内补(padding)来包含内容。
2.带标题的面版
通过 .panel-heading 可以很简单地为面板加入一个标题容器。 你也可以通过添加设置了 .panel-title 类的 h1-h6 标签,添加一个预定义样式的标题。 不过,h1-h6 标签的字体大小将被 .panel-heading 的样式所覆盖。
3.带脚注的面版
把按钮或次要的文本放入 .panel-footer 容器内。注意面版的脚注不会从情境效果中继承颜色,因为他们并不是主要内容。
4.情境效果
5.带表格的面版
如果是带表格的面版,最好为面板添加.panel-body类,这样可以分割表格与标题 如果不加.panel-body类,表格会与标题相连(可以再body中添加说明,或者实在不需要可以空着)
5.带列表组的面板
带列表组的面板
标签:bootstrap , 前端框架