Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

External resources in JSFiddle (Adding Twitter Bootstrap CDN)

I am trying to replicate my issue with JSFiddle but when needed frameworks not supported natively, I believe I will need to import them from external resources. However, clicking + won't open up anything and I am not sure what to do with the URI field.

The simple question is, I particularly need to embed Bootstrap.

How do I embed Bootstrap in JSFiddle?

like image 665
Seong Lee Avatar asked Jul 04 '13 21:07

Seong Lee


People also ask

How to add CDN in jsFiddle?

you want add bootstrap v5 cdn, you just look on sidebar with name "Resources" it have label 'URL','cdnjs' . click it and + . or you can paste manual cdn below if you want another version or another cdn.

Can bootstrap be accessed via CDN?

Bootstrap CDNThe folks over at jsDelivr graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these Bootstrap CDN links.

How do I use jsFiddle library?

There is a an option "External Resources" at the left section. You can include any external file there from CDN or other server if available. Show activity on this post. Bootstrap CDN is supported by jsFiddle , you just have to paste in the relevant URLs.


Video Answer


1 Answers

BootstrapCDN is supported by JSFiddle, you just need to paste in the relevant URLs.

In the external resource field/box enter each of these URLs* and hit +:

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 

The result of which is: http://jsfiddle.net/v9ec3/1/

Which then allows you to post your HTML/CSS/JS as required. Edit away and click update when finished to give you a URL that you can paste anywhere (including here!). Note you don't need to reference it via link.

****Note:** The above bootstrap version URLs (2.3.2) are pasted from http://www.bootstrapcdn.com at the time of the question*

like image 59
nickhar Avatar answered Nov 10 '22 08:11

nickhar