28.面板

来源：互联网发布：淘宝电子产品拆封退货编辑：程序博客网时间：2024/04/30 05:20
<!doctype html><html><head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <title>Bootstrap</title>    <link rel="stylesheet" href="css/bootstrap.css" /></head><body>    <div class="container">        <div class="row">            <div class="ppanel panel-default"><!--panel是面板的意思-->                <div class="panel-heading"><!--面板头部区域-->                    <h3 class="panel-title">水果</h3><!--面板头部区域标题样式-->                </div>                <div class="panel-body"><!--面板内容区域-->                    <p>几十块的割发代首看定居地方时刻到了房间打开看电视的空间的空间看到</p>                </div>            </div>        </div>        <div class="row">            <div class="ppanel panel-primary"><!--还可以是success、warning、danger等-->                <div class="panel-heading">                    <h3 class="panel-title">水果</h3>                </div>                <div class="panel-body">                    <p>几十块的割发代首看定居地方时刻到了房间打开看电视的空间的空间看到</p>                </div>            </div>        </div>    </div>    <script src="js/jquery-2.1.0.js"></script>    <script src="js/bootstrap.js"></script></body></html>
这里写图片描述
0 0