在 jsFiddle 中使用 twitter 的引导程序

Posted 2023-02-21

【中文标题】在 jsFiddle 中使用 twitter 的引导程序

【英文标题】：Using twitter's bootstrap in jsFiddle

【发布时间】：2013-06-19 13:11:36

【问题描述】：

我想在我的一个小提琴中使用Twitter's Bootstrap。由于 jsFiddle 不提供 bootstrap 作为其预定义库之一，我正在寻找一个缩小的 url。

Twitter 的 Bootstrap 是否有免费的缩小 URL？

【问题讨论】：

你认为这是他们会添加的东西，对吧？

看看bootply.comBootstrap等插件都可以加入

【参考方案1】：

看看 jsfiddle

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

更新

从jsfiddle的外部资源导入css或js文件

您可以将 bootstrapcdn 与特定版本的引导程序一起使用，例如 2.3.2 而不是 3.1.1

CSS：//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css

JS：//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js

为 v3.1.1 工作 JSFiddle

【讨论】：

此 URL 不再有效，如果有效，则与版本无关，因此以后可能无效。 @mlctrez 的 Bootstrap CDN 答案为您提供了一个版本化的 URL，以便稍后使用，您可以修改 URL 以查找旧版本（例如，//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min .css）。

【参考方案2】：

试试http://jsfiddle.net/DTcHh/241/

使用外部资源 http://netdna.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css http://netdna.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js

** 下面的方法不再工作，但如果有一天发生变化，则保留**

现在选择 jquery 2.1.0 然后你会得到 bootstrap 作为一个选项

引导程序 3.2.0 引导程序 2.3.2

【参考方案3】：

对于包含 CSS 和 JS 的 Bootstrap 3，请查看jsfiddle

CSS: //netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css
JS: //netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js

更新：添加版本3.1.1和latest version

【参考方案4】：

试试这个 Content Delivery Network 网址。它具有指向缩小的 CSS 和 javascript 的链接。 http://www.bootstrapcdn.com/

【参考方案5】：

jsFiddle 用于 Bootstrap 的另一种替代方法是：

http://www.bootply.com/new