面板
概述
panel控件用于为其他控件提供可识别的分组,通常,使用面板按功能细分窗体。将同一类选项分组在一个面板中可向用户提供逻辑可视提示。
样例
4列一组
4列一组
css配置
.panel-default{border:1px solid #e0e0e0;}
.panel-heading{height:30px;}
.panel-heading .panel-title{font-size:12px;color:#787878;line-height:10px;font-weight:100;}
.panel-default .panel-heading{background-image:linear-gradient(to bottom, #F5F5F5 0%, #F5F5F5 100%);border-bottom:1px solid #e0e0e0;}
.panel-body{padding:15px;}
.panel-heading .panel-title{padding-left:20px;padding-top:10px;}
.required{color:#d95347;font-size:12px;}
.panel{border-radius:4px;margin-right:10px;margin-top:1px;margin-bottom:15px;}
说明
面板外边框1像素、实线、颜色#e0e0e0;
面板标题栏高度30像素;
面板标题文字大小12像素;颜色#787878;行高10像素;字粗100;
面板标题栏背景颜色#f5f5f5;底部描边1像素、实线、颜色#e0e0e0;
框内内容上下左右内边距15像素;
面板标题文字内边距上10像素、左20像素
提示点颜色#d95347;字体大小12像素
面板圆角4像素、外边距上1像素、右10像素、下15像素、
2列2列一组
2列2列一组
3列1列一组
3列1列一组