JSFiddle中的外部资源(添加Twitter Bootstrap CDN)

时间:2013-07-04 21:39:39

标签: twitter-bootstrap jsfiddle

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

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

如何在JSFiddle中嵌入Bootstrap?

4 个答案:

答案 0 :(得分:57)

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粘贴*

答案 1 :(得分:2)

答案 2 :(得分:1)

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

答案 3 :(得分:0)

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