Bootstrap CDN有16列而不是12列

时间:2015-04-01 16:47:06

标签: twitter-bootstrap cdn

我想使用最新的Bootstrap CDN,但默认为12列布局。自定义为16列布局的唯一方法是自己下载和托管文件吗?

编辑:我问如何通过CDN获取引导程序。我使用来自https://cdnjs.com/的bootstrap CDN并且效果很好,除了它是12-col布局。

3 个答案:

答案 0 :(得分:6)

实际上只有两种选择。

  1. 使用自己的css文件覆盖bootstraps网格系统。

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

    这可能是一项繁琐的工作,我不建议这样做。

  2. 自定义Bootstrap并使用您自己的版本

    如果您转到http://getbootstrap.com/customize/,您可以自定义并下载完全自定义版本的Bootstrap。具体针对您所寻找的内容位于http://getbootstrap.com/customize/#grid-system

  3. 下载后,您有以下几种选择:

    1. 自己从自己的项目中提供文件。
    2. 使用免费的CDN服务

      您可以使用多种CDN服务,例如CloudFlare(https://www.cloudflare.com/features-cdn),或者您可以使用cdnjs(https://github.com/cdnjs/cdnjs#adding-a-new-or-updating-an-existing-library

    3. 我希望这有帮助!

答案 1 :(得分:1)

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

但是,你仍然可以从http://getbootstrap.com/customize/#grid-system

获得自定义的Bootstrap

只需设置Number of columns in the grid.,然后点击&#34;编译和下载&#34;在页面的末尾。

答案 2 :(得分:1)

我认为您可以使用cdn版本的bootstrap,只需使用调整后的网格系统自定义和下载css。

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