我正在寻找知道是否有任何简单的解决方案已知改变流槽默认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进行部署。