如何为bootsnip内置页面正确连接cdn

Question

我正在尝试构建一个简单的页面来托管一些YouTube视频。 我使用了bootsnip页面构建器（https://bootsnipp.com/builder），并且喜欢我的设计。但是，当我复制代码并在虚拟主机服务器上构建新的html页面时，它看起来与引导预览中的效果不同。

好像缺少一个链接来告诉页面从哪里构建css的链接。

我的经验是非常基础的，我只是在学习，但是我认为问题出在标头上：

<!-- Bootstrap core CSS -->
    <link href="../../css/editor.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="narrow-jumbotron.css" rel="stylesheet">

在我建立的旧页面上，我有一个引导CDN，如下所示：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

所以我从bootsnip中删除了那些，并替换为上面的一个。但是，这样做的问题是因为我的YouTube iframe的宽度和高度设置为自动，所以它被压扁了。请有人能解释一下如何将CDN引导程序正确链接到head标签，以便我在bootsnip网站上构建的预览看起来一样，然后我将代码转移过来。

非常感谢。