Bootstrap面板(Panels)的简单实现代码
发布时间:2020-12-18 00:39:39 所属栏目:安全 来源:网络整理
导读:本文实例为大家分享了Bootstrap面板展示的具体代码,供大家参考,具体内容如下 一、基本的面板 html代码 Bootstrap list-group div class="container" div class="panel panel-danger" h3 class="list-group-item-heading"这是一个基本的面板 只需要向 div元
本文实例为大家分享了Bootstrap面板展示的具体代码,供大家参考,具体内容如下 一、基本的面板html代码 <div class="container"> <div class="panel panel-danger"> 只需要向 div元素添加 class .panel 和 class .panel-default 效果图 二、带表格的面板为了在面板中创建一个无边框的表格,我们可以在面板中使用 class .table。假设有个 包含 .panel-body,我们可以向表格的顶部添加额外的边框用来分隔。如果没有包含 .panel-body 的
,则组件会无中断地从面板头部移动到表格。
|