Bootstrap

ui框架，定义了很多css样式和js插件；响应式布局；

快速入门

  1. 下载BootStrap
  1. 在项目中将这三个文件夹复制
  1. 创建html页面，引入必要的资源文件
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <!-- 必须的 meta 标签 -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <!-- Bootstrap 的 CSS 文件 -->
  9.     <link rel="stylesheet" href="static/css/bootstrap.min.css">
  10.     <!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
  11.     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  12.     <script src="static/js/bootstrap.bundle.min.js" ></script>
  13.     <title>Hello, world!</title>
  14. </head>
  15. <body>
  16. <h1>Hello, world!</h1>
  18. </body>
  19. </html>

响应式布局

栅格系统