【Bootstrap】安装与环境配置(图文)

一、下载

官网下载,如果下载不了,就找度娘下载

Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局、移动设备优先的 WEB 项目。https://v3.bootcss.com/

注意:主要文件是以下三个,记得还需要引入jquery

bootstrap.min.css、bootstrap.min.js、jquery-3.6.0.min.js

  二、引入和使用

特别注意引用顺序!!!!

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <title>基本示例</title>

    <!-- Bootstrap -->
    <link href="js/bootstrap/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <h1>你好,世界!</h1>
    <script src="js/jquery/jquery-3.6.0.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
  </body>
</html>

猜你喜欢

转载自blog.csdn.net/dxnn520/article/details/125593298