Ressources externes dans JSFiddle (Ajout de Twitter Bootstrap CDN)

J’essaie de reproduire mon problème avec JSFiddle, mais lorsque des frameworks nécessaires ne sont pas supportés nativement, je pense que je devrai les importer à partir de ressources externes . Cependant, cliquer sur + n’ouvre rien et je ne sais pas trop quoi faire avec le champ URI.

La question simple est que je dois particulièrement intégrer Bootstrap.

Comment puis-je intégrer Bootstrap dans JSFiddle?

BootstrapCDN est pris en charge par JSFiddle, il vous suffit de coller les URL appropriées.

Dans le champ / boîte de ressource externe, entrez chacune de ces URL * et appuyez sur + :

 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 

Le résultat est: http://jsfiddle.net/v9ec3/1/

Ce qui vous permet ensuite d’afficher votre code HTML / CSS / JS selon vos besoins. Modifier loin et cliquez sur update à update lorsque vous avez terminé pour vous donner une URL que vous pouvez coller n’importe où (y compris ici!). Notez que vous n’avez pas besoin de le référencer via un lien.

**** Remarque: ** Les URL de version bootstrap ci-dessus (2.3.2) sont collées à partir de http://www.bootstrapcdn.com au moment de la question *

Utilisez Https au lieu de http car jsfiddle n’autorise que https. S’il vous plaît vérifier ici

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

Pour une solution plus générale (pas seulement Bootstrap mais beaucoup d’autres bibliothèques JavaScript), j’ai trouvé cdnjs très utile: Allez dans cdnjs, recherchez votre bibliothèque, copiez l’URl et collez-le dans le champ “Ressources externes” de votre violon.

Je fais quelque chose comme ceci: @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');