bootstrap边框面板

最新推荐文章于 2024-08-21 09:17:03 发布

陪你在童年

最新推荐文章于 2024-08-21 09:17:03 发布

阅读量1.4k

点赞数

本文展示了不同样式的面板，包括主要面板、成功面板、信息面板、警告面板和危险面板，每个面板都包含一个标题和内容区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">面板标题</h3>
    </div>
    <div class="panel-body">
        这是一个基本的面板
    </div></div><div class="panel panel-success">
    <div class="panel-heading">
        <h3 class="panel-title">面板标题</h3>
    </div>
    <div class="panel-body">
        这是一个基本的面板
    </div></div><div class="panel panel-info">
    <div class="panel-heading">
        <h3 class="panel-title">面板标题</h3>
    </div>
    <div class="panel-body">
        这是一个基本的面板
    </div></div><div class="panel panel-warning">
    <div class="panel-heading">
        <h3 class="panel-title">面板标题</h3>
    </div>
    <div class="panel-body">
        这是一个基本的面板
    </div></div><div class="panel panel-danger">
    <div class="panel-heading">
        <h3 class="panel-title">面板标题</h3>
    </div>
    <div class="panel-body">
        这是一个基本的面板
    </div></div>