Css 引导程序4未初始化

Css 引导程序4未初始化,css,bootstrap-4,Css,Bootstrap 4,我不确定我是否遗漏了什么。我为一个新的设计思想创建了一个HTML、CSS和JS文件,并希望将Bootstrap4包含在其中 文件夹模板如下所示: - projectFolder - index.html - css -- styles.css - js -- main.js - img 我在标题中添加了所需的链接: 但它似乎不起作用。检查链接后,我决定复制并粘贴bootstrap 4网站上的模板,如下所示:(我添加了行和列) 你好,世界! 你好,

我不确定我是否遗漏了什么。我为一个新的设计思想创建了一个HTML、CSS和JS文件,并希望将Bootstrap4包含在其中

文件夹模板如下所示:

 - projectFolder
  - index.html
   - css
     -- styles.css
   - js
     -- main.js
   - img
我在标题中添加了所需的链接:

但它似乎不起作用。检查链接后,我决定复制并粘贴bootstrap 4网站上的模板,如下所示:(我添加了行和列)


你好,世界!
你好,世界!
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。
假设最大自然量为最大自然量,最大自然量为最大自然量
取消装载错误别名。
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。
假设最大自然量为最大自然量,最大自然量为最大自然量
取消装载错误别名。
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。
假设最大自然量为最大自然量,最大自然量为最大自然量
取消装载错误别名。
但是当我刷新页面时,看起来它根本没有初始化引导


我不知道它可能是什么。

Afia提到CDN已停止引导

我尝试了向我展示的其他CDN,但没有成功

所以我从

将它链接到标题,这对我很有用

但是,我假设这会增加加载时间的一小部分 没有太多的数据可供加载,因此对于我的 小项目


Afia提到CDN已停止引导

我尝试了向我展示的其他CDN,但没有成功

所以我从

将它链接到标题,这对我很有用

但是,我假设这会增加加载时间的一小部分 没有太多的数据可供加载,因此对于我的 小项目


它应该可以工作,请将您的自定义CSS放在引导的CSS下面,开始时从CSS中+删除斜杠“/”

它应该可以工作,请将您的自定义CSS放在引导的CSS下面,开始时从CSS中+删除斜杠“/”

看起来引导CDN服务器现在已关闭。您可以在这里尝试替代资源cdn谢谢您的回复Afia Udofia,我认为这是我这边的事情,我会检查它。cdn为我加载。您是否检查了控制台是否有任何错误??看起来引导CDN服务器目前已关闭。您可以在这里尝试替代资源cdn谢谢您的回复Afia Udofia,我认为这是我这边的事情,我会检查它。cdn为我加载。您是否检查过您的控制台是否有任何错误??您好,穆罕默德,这是因为引导CDN关闭,下载和实现工作正常,但感谢您的回复。您好,穆罕默德,这是因为引导CDN关闭,下载和实现工作正常,但感谢您的回复。
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,
            shrink-to-fit=no">

        <link rel="stylesheet" href="/css/styles.css">
        <link rel="stylesheet"
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
            integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
            crossorigin="anonymous">

        <title>Hello, world!</title>
    </head>
    <body>
        <h1 class="display-5">Hello, world!</h1>
        <div class="row">
            <div class="col-md-4">
                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                Assumenda nisi natus maxime quam nihil quae mollitia dicta
                deserunt error alias.
            </div>
            <div class="col-md-4">
                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                Assumenda nisi natus maxime quam nihil quae mollitia dicta
                deserunt error alias.
            </div>
            <div class="col-md-4">
                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                Assumenda nisi natus maxime quam nihil quae mollitia dicta
                deserunt error alias.
            </div>
        </div>

        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
            crossorigin="anonymous"></script>
        <script
            src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
        <script
            src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
            crossorigin="anonymous"></script>
    </body>
</html>