Bootstrap 面板类

bootstrapweb developmentcss framework更新于 2026/2/12 13:00:17

当您想要将 DOM 组件放入框中时,可以使用面板组件。要获得基本面板,只需将 .panel 类添加到 <div> 元素即可。

您可以尝试运行以下代码在 Bootstrap 中实现面板类

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body style = "background: blue;">
      <div class = "panel panel-default">
         <div class = "panel-body">
            Demo panel
         </div>
      </div>
   </body>
</html>

相关文章