Boostrap CDN与16列而不是12

我想使用最新的Bootstrap CDN，但它默认为12列布局。自定义为16列布局的唯一方法是自行下载和托管文件？Boostrap CDN与16列而不是12

编辑：我在问如何通过CDN获得bootstrap。我使用https://cdnjs.com/的bootstrap CDN，它工作的很好，除了它是12-col布局。

可能的重复[如何使用引导与16或24列]（http://stackoverflow.com/questions/11591185/how-to-use-bootstrap-with-16-or-24-columns） – Marc 2015-04-01 16:51:20

Nope ，完全不同 – batoutofhell 2015-04-02 17:24:22

当你需要大量定制版本时使用公共CDN将是一场艰苦的战斗。我建议使用bootstrap的管理版本（从npm，bower等），然后使用LESS来满足您的定制需求。如果你绝对需要一个CDN，那么考虑一个私人托管的，你可以上传共享资源并根据需要访问它们。 – 2015-04-15 21:14:57

真的只有两个选项可以做到这一点。

您用自己的css文件覆盖bootstraps网格系统。

<link rel="stylesheet" href="/cdn/path/to/bootstrap.css" /> 
<link rel="stylesheet" href="/my/path/overide_bootstrap.css" />

这可能是一个乏味的任务，我不会推荐这样做。

定制引导，如果你去http://getbootstrap.com/customize/你可以定制和下载引导的完全定制的版本，使用自己的版本

。具体为您正在寻找什么位于http://getbootstrap.com/customize/#grid-system。

一旦它被下载，你有几个选择：

从自己的项目即成自己的文件。
使用免费的CDN服务

有多种CDN服务，您可以使用，如CloudFlare的（https://www.cloudflare.com/features-cdn），也可以使用cdnjs（https://github.com/cdnjs/cdnjs#adding-a-new-or-updating-an-existing-library）

我希望这有助于！

2015-04-16 04:38:38

这是最好的解决方案tbh，大部分的css都通过cdn托管，并且您的定制网格托管在本地。 – Samus 2015-04-16 21:00:36

您可以自定义大部分Bootstrap配置和默认值。在您的情况下，您可以在.less中设置@grid-columns值。

定制引导只需设置Number of columns in the grid.并点击页面结束“编译并下载”。

2015-04-01 16:53:07

不要以为你明白，我正在通过CDN使用它 – batoutofhell 2015-04-15 21:06:44

我认为你可以使用cdn版本的bootstrap，只需要去调整和下载只有调整后的网格系统的CSS。

因此，您将拥有cdn的主引导文件，并在第二个文件中覆盖网格类。确保首先加载cdn版本。

2015-04-15 21:12:22 yuyokk

回答