logo标签列表

JSFiddle中的外部资源（添加Twitter Bootstrap CDN）

twitter-bootstrapjsfiddle
44

我试图在JSFiddle上复制我的问题，但当需要的框架不受本地支持时，我相信我需要从外部资源导入它们。然而，点击+却没有打开任何东西，我不确定该在URI字段中做什么。

简单的问题是，我特别需要嵌入Bootstrap。

如何在JSFiddle中嵌入Bootstrap？

2
您将资源的URL放入文本框中，然后单击“+”按钮。 - Musa
谢谢，但问题是我如何使Bootstrap外部可用？我需要在某个地方托管它吗？与jQuery不同，我不知道是否支持Bootstrap CDN... - Seong Lee
这是一个元问题，如果我曾经见过的话。只是说一下... - icedwater
不，@nickhar，我不是说它应该放在元站上，我是说它似乎是关于一个问题的问题，因为它开头是“我正在尝试复制...”，但现在我重新阅读它发现不是 :) - icedwater
访问http://www.webgetway.com/bootstrap，你会发现CDN：在安装下方。 - Uday Hiwarale
5个回答
59

BootstrapCDN受JSFiddle支持，您只需要粘贴相关的URL即可。

在外部资源字段/框中输入这些URL中的每一个，并点击+：

http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css
http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js

结果是：http://jsfiddle.net/v9ec3/1/

这将允许您按需要发布HTML/CSS/JS。进行编辑后，单击“更新”即可获得一个URL，您可以将其粘贴到任何地方（包括此处！）。请注意，您无需通过链接引用它。

**注意：** 上述bootstrap版本的URL（2.3.2）是从http://www.bootstrapcdn.com在提问时复制的*

如果您不介意，我还有一个简单的问题，如何获取Fiddle链接而不包含我的账户名（使其公开）？我尝试添加标题和描述以使其公开，但没有任何区别... - Seong Lee
1
当然，为了匿名性，如果您有JSFiddle帐户，只需注销，创建一个新的fiddle，您可以随意修改，更新，然后在任何地方发布URL。这有帮助吗？ - nickhar
2
对于这个问题的更普遍的解决方案（不仅适用于Bootstrap，还适用于许多其他JavaScript库），我发现cdnjs非常有帮助： 前往cdnjs，搜索您需要的库，复制URL并粘贴到fiddle的“外部资源”字段中。
0
我做了类似这样的事情：@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
0

你可以查看我的 jsFiddle 示例 jsFiddle，如果你想添加像 jQuery、Bootstrap Bulma 等 CDN，很容易。如果你想添加 Bootstrap v5 CDN，只需在侧边栏中找到名为“资源”的标签，它有一个标签为“URL”、“cdnjs”的标签。点击它并点击 +。

  1. 然后搜索 Bootstrap，你可以选择版本

  2. 或者，如果你想要另一个版本或其他 CDN，可以手动粘贴 CDN。以下是 Bootstrap v5.2 的 CDN。

    https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"

    https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接