Bootstrap 5基本行测试不工作

tzdcorbm 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(112)

我刚刚开始学习 Bootstrap ，我面临这个问题， Bootstrap 5基本行似乎不像在教程中的工作，我正在学习，项目结构：
index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <title>Test Document</title>
  </head>
  <body>
    <div class="row">
      <div>test</div>
      <div>test2</div>
      <div>test3</div>
      <div>test4</div>
    </div>

    <script src="js/main.js"></script>
    <script src="js/jquery-3.6.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.js"></script>
  </body>
</html>

我得到结果是：

twitter-bootstrap

来源：https://stackoverflow.com/questions/73766173/bootstrap-5-basic-row-test-is-not-working

1条答案

按热度按时间

67up9zun1#

试试这个

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <title>Test Document</title>
  </head>
  <body>
    <div class="container">
        <div class="row">
            <div class="col">
              <span>test</span>
              <span>test2</span>
              <span>test3</span>
              <span>test4</span>
            </div>
        </div>
    </div>

    <script src="js/main.js"></script>
    <script src="js/jquery-3.6.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.js"></script>
  </body>
</html>

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 5基本行测试不工作

1条答案

相关问题

热门标签

最新问答