我的栅格系统定义 为什么显示成一整行了，没有分成12列,


<!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">
        <title>Bootstrap 101 Template</title>
        <link rel="stylesheet" href="../css/bootstrap.min.css">
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script>
        </script>
    </head>

    <body>
        <div class="container">
            <div class="row">
                <div class="col-lg-2" style="border: 1px solid red;">111</div><br />
                <div class="col-lg-2" style="border: 1px solid red;">222</div>
            </div>
        </div>
    </body>

</html>

img
这个东西只设置了两列，怎么整行显示了

F12检查，看控制台有没有输出错误。另外bootstrap.js你重复导入了，此外注意一下路径是否正确。

bootstrap文件没有成功引入，报错404表示按你代码的路径找不到对应的资源，检查下引入路径