Bootstrap 3 之 Bootstrap 面板

Bootstrap 面板(Panels)

本章将讲解 Bootstrap 面板(Panels)。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板,只需要向 <div> 元素添加 class .panel 和 class .panel-default 即可,如下面的实例所示:

<!DOCTYPE html><html><head>
   <title>Bootstrap 实例 - 默认的面板</title>
   <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
   <script src="//cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
   <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script></head><body><div class="panel panel-default">
   <div class="panel-body">
      这是一个基本的面板   </div></div></body></html>

结果如下所示:


上一篇:Bootstrap 列表组
下一篇:Bootstrap Well