44

我正在尝试使用JSFiddle复制我的问题,但是当需要的框架本身不支持时,我相信我需要从外部资源导入它们。但是,单击+不会打开任何东西,我不确定如何处理 URI 字段。

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

如何在 JSFiddle 中嵌入 Bootstrap?

4

4 回答 4

59

JSFiddle 支持 BootstrapCDN,您只需粘贴相关的 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。编辑并update在完成后单击为您提供一个 URL,您可以将其粘贴到任何地方(包括此处!)。请注意,您不需要通过链接引用它。

****注意:** 上述引导版本 URL (2.3.2) 是在提问时从http://www.bootstrapcdn.com粘贴的*

于 2013-07-05T01:09:20.540 回答
3

使用 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

于 2017-04-17T16:46:28.520 回答
1

对于更通用的解决方案(不仅是 Bootstrap,还有许多其他 JavaScript 库),我发现cdnjs非常有用:转到 cdnjs,搜索您的库,复制 URl 并将其粘贴到小提琴的“外部资源”字段中。

于 2016-03-09T09:49:35.107 回答
0

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

于 2018-02-02T11:01:35.030 回答