我正在尝试使用JSFiddle复制我的问题,但是当需要的框架本身不支持时,我相信我需要从外部资源导入它们。但是,单击+不会打开任何东西,我不确定如何处理 URI 字段。
简单的问题是,我特别需要嵌入 Bootstrap。
如何在 JSFiddle 中嵌入 Bootstrap?
我正在尝试使用JSFiddle复制我的问题,但是当需要的框架本身不支持时,我相信我需要从外部资源导入它们。但是,单击+不会打开任何东西,我不确定如何处理 URI 字段。
简单的问题是,我特别需要嵌入 Bootstrap。
如何在 JSFiddle 中嵌入 Bootstrap?
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粘贴的*
使用 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
对于更通用的解决方案(不仅是 Bootstrap,还有许多其他 JavaScript 库),我发现cdnjs非常有用:转到 cdnjs,搜索您的库,复制 URl 并将其粘贴到小提琴的“外部资源”字段中。
我做这样的事情:@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');