分类目录 共计收录5717站; 资讯文章5042篇; 待审网站 7012站; 当月收录259站; 今日审核10站; 已收到0个打赏!
分类目录快审
软文外链发布
新浪博客群发
快审详情
快审qq
首页 > 教程收藏 > CSS教程

panel 面板


9Qnat-lib网站目录

默认面板之间是紧挨在一起,没有间距的,如果需要设置间距,请在 class="panel 后面追加间距样式,如:mt-20,效果如同上面的例子。9Qnat-lib网站目录

举个栗子: 9Qnat-lib网站目录

HTML 代码9Qnat-lib网站目录

9Qnat-lib网站目录

9Qnat-lib网站目录

面板标题9Qnat-lib网站目录

9Qnat-lib网站目录

面板内容9Qnat-lib网站目录


9Qnat-lib网站目录


9Qnat-lib网站目录

CSS代码9Qnat-lib网站目录

.panel{ background-color:#fff; border:solid 1px transparent}9Qnat-lib网站目录

.panel-header{ border-bottom:solid 1px transparent; padding:8px 15px; font-size:14px; font-weight:700}/*面板标题*/9Qnat-lib网站目录

.panel-body{ padding:15px}/*面板内容*/9Qnat-lib网站目录

.panel-footer{background-color: #f5f5f5;border-top: 1px solid #ddd;padding:5px 20px}/*面板页脚*/9Qnat-lib网站目录

/*默认面板*/9Qnat-lib网站目录

.panel-default{border-color:#ddd;}9Qnat-lib网站目录

.panel-default > .panel-header{ border-color:#ddd; background-color:#f5f5f5; color:#444}9Qnat-lib网站目录

 9Qnat-lib网站目录

/*主要面板*/9Qnat-lib网站目录

.panel-primary{border-color:#5a98de;}9Qnat-lib网站目录

.panel-primary > .panel-header{ border-color:#5a98de; background-color:#5a98de; color:#fff}9Qnat-lib网站目录

 9Qnat-lib网站目录

/*次要面板*/9Qnat-lib网站目录

.panel-secondary{border-color:#3bb4f2;}9Qnat-lib网站目录

.panel-secondary > .panel-header{ border-color:#3bb4f2; background-color:#3bb4f2; color:#fff}9Qnat-lib网站目录

 9Qnat-lib网站目录

/*成功面板*/9Qnat-lib网站目录

.panel-success{border-color:#5eb95e;}9Qnat-lib网站目录

.panel-success > .panel-header{ border-color:#5eb95e; background-color:#5eb95e; color:#fff}9Qnat-lib网站目录

 9Qnat-lib网站目录

/*警告面板*/9Qnat-lib网站目录

.panel-warning{border-color:#f37b1d;}9Qnat-lib网站目录

.panel-warning > .panel-header{ border-color:#f37b1d; background-color:#f37b1d; color:#fff}9Qnat-lib网站目录

 9Qnat-lib网站目录

/*危险面板*/9Qnat-lib网站目录

.panel-danger{border-color:#dd514c;}9Qnat-lib网站目录

.panel-danger > .panel-header{ border-color:#dd514c; background-color:#dd514c; color:#fff}9Qnat-lib网站目录


9Qnat-lib网站目录

此文由 at-lib网站目录 编辑,未经允许不得转载!:

评论 暂无评论
-->