css – 如何更改默认Bootstrap流体网格12列沟槽宽度

我正在寻找知道是否有任何简单的解决方案已知改变流槽默认12网格bootstrap系统(2.3.0)。

我不熟悉LESS，但如果这是答案，还请描述如何可以改变。和Sass一样。

请注意，将水槽宽度改变一半或四分之一是完全可以接受的，例如，如果这可能使事情更简单。

必须满足以下目标：

>必须能够在将来更新引导程序。这意味着不编辑实际的引导程序文件。
>对所有其他对象应保留功能。
必须简单。少于10行的CSS。例如，一个添加的类或东西。

我在整个Stack Overflow搜索，仍然不知道我该怎么做这样的事情。为了我的理解，下载自定义Bootstrap只渲染非流体网格的自定义槽宽度。我之前编写了我自己的流体网格系统，所以我明白数学，但我担心可能会有后果，如果任何已知的问题上的类覆盖可以共享将是有益的。

我承诺给予应有的信用。

更新：

按照Yoda的答案中所描述的改变较少的变量是要走的路。有没有任何经验更改这些较少的变量？例如，我认为必须更改的变量如下：

// Fluid grid
// -------------------------
@fluidGridColumnWidth:    percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth:    percentage(@gridGutterWidth/@gridRowWidth);

// 1200px min
@fluidGridColumnWidth1200:     percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200:     percentage(@gridGutterWidth1200/@gridRowWidth1200);

// 768px-979px
@fluidGridColumnWidth768:      percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768:      percentage(@gridGutterWidth768/@gridRowWidth768);

如何去改变这样的东西？也许：

@fluidGridGutterWidth768:      percentage(1.5);

如果有人这样做，我会欣赏一个正确的方向推。

解决方法

最简单的方法是使用Twitter Bootstrap提供的可自定义下载。更改@fluidGridGutterWidth变量以适应您在表单中的需要。 Download the less files from here.您可以从github bootstrap项目访问variable.less文件，然后更改以下代码：

// Fluid grid
// -------------------------
@fluidGridColumnWidth:    percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth:    percentage(@gridGutterWidth/@gridRowWidth); // <= this one

我以为你一开始访问更少的文件，然后我意识到你在网站上使用自定义的gui。只需下载较少的文件，并进行更改。然后编译较少的文件给你一个css文件或使用较少的开发。您可以使用css或min.css进行部署。

原文地址：https://www.jb51.cc/css/220180.html