bootstrap 面板

用户5760343

发布于 2019-07-05 10:47:24

1.2K0

发布于 2019-07-05 10:47:24

文章被收录于专栏：sktjsktj

image.png

div.panel panel-default/div.panel-body

<div class="panel panel-default"> <div class="panel-body"> 这是一个基本的面板 </div> </div>

image.png

带标题的面板 div.panel panel-default/div.panel-heading div.panel-body

<div class="panel panel-default"> <div class="panel-heading"> 不带 title 的面板标题 </div> <div class="panel-body"> 面板内容 </div> </div>

<div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> 带有 title 的面板标题 </h3> </div> <div class="panel-body"> 面板内容 </div> </div>

image.png

面板组脚div.panel-footer

<div class="panel panel-default"> <div class="panel-body"> 这是一个基本的面板 </div> <div class="panel-footer">面板脚注</div> </div>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019.05.24 ，如有侵权请联系 cloudcommunity@tencent.com 删除

class

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度