Question

我正在尝试使用JSFiddle复制我的问题但是当本地不支持所需的框架时，我相信我需要从外部资源导入它们。但是，单击 + 将无法打开任何内容，我不知道如何处理URI字段。

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

如何在JSFiddle中嵌入Bootstrap？

Answer 1

JSFiddle支持BootstrapCDN，您只需要粘贴相关的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。编辑完毕并点击update完成后，为您提供一个可以粘贴到任何地方的网址（包括此处！）。请注意，您无需通过链接引用它。

****注意：**上述引导版本URL（2.3.2）在问题发布时从http://www.bootstrapcdn.com粘贴*

Answer 2

使用Https代替http，因为jsfiddle仅允许https。请在这里查看

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

Answer 3

对于这个更通用的解决方案（不仅是Bootstrap，还有许多其他JavaScript库），我发现cdnjs非常有帮助：转到cdnjs，搜索你的库，复制URl并将其粘贴到小提琴的“外部资源”字段中。

Answer 4

我这样做：@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

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

4 个答案: