web-dev-qa-db-ja.com

JSFiddleの外部リソース（Twitterの追加Bootstrap CDN）

JSFiddle で問題を再現しようとしていますが、必要なフレームワークがネイティブにサポートされていない場合、externalリソースからインポートする必要があると思います。ただし、クリック + 何も開かず、URIフィールドをどうするかわからない。

簡単な質問は、特にBootstrapを埋め込む必要があるということです。

JSFiddleにBootstrapを埋め込むにはどうすればよいですか？

twitter-bootstrapjsfiddle
40
Seong Lee

BootstrapCDNはJSFiddleでサポートされています。関連する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を提供します（ここを含む！）。リンク経由で参照する必要はありません。

****注：**上記のbootstrapバージョンURL（2.3.2）は http://www.bootstrapcdn.com から貼り付けられます質問*

57
nickhar

Jsfiddleではhttpsのみが許可されるため、httpではなくHttpsを使用します。こちらで確認してください

https://netdna.bootstrapcdn.com/Twitter-bootstrap/2.3.2/css/bootstrap-combined.min.csshttps://netdna.bootstrapcdn.com/Twitter- bootstrap/2.3.2/js/bootstrap.min.js

2
Bharath Koppula

これに対するより一般的な解決策（Bootstrapだけでなく、他の多くのJavaScriptライブラリ）だけでなく、 cdnjs が非常に役立つことがわかりました：cdnjsに移動し、ライブラリを検索して、コピーしますURlをフィドルの「外部リソース」フィールドに貼り付けます。

1
chiborg

私は次のようなことをします：@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

0
sanderson