entityMap|blocks|key|4f3ub|text|足够简单，可以在较少的时间内改变-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|ctmn8|http://twitter.github.com/bootstrap/scaffolding.html#gridCustomization|6ntpb|您需要将那里的变量更改为您想要的变量-|8hs7p|例如：|evuds|@gridColumns:+24
@gridColumnWidth:+30px
@gridGutterWidth:+10px|code-block|syntax|javascript|17tq7|如果使用流体网格，您也需要按比例更改这些变量，否则span12仍将占据100%25的宽度，而span24将占据200%25的宽度。|8q723|@fluidGridColumnWidth
@fluidGridGutterWidth|69n26|如上所述：|6mghe|如何定制|4gp10|修改网格意味着更改三个@网格|cof5p|*|3rmt1|变量和重新编译Bootstrap。更改variables.less中的网格变量，并使用文档中的四种方法之一重新编译。如果要添加更多列，请确保为grid.less中的列添加CSS。|80crh|8acfp|您可以在此处更改变量并下载新的css：|9mabu|http://twitter.github.com/bootstrap/download.html#variables|a4cg7|下面是一个编译后的示例，它应该适用于16列(尚未测试，请让我知道它是如何工作的)：|8ac0j|https://s3.amazonaws.com/intenex/bootstrap16columns.zip^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|1A|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|1B|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|1C|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|1D|9|@]|A|@]|B|$]]|$2|I|4|J|6|K|8|1E|9|@]|A|@]|B|$L|M]]|$2|N|4|O|6|7|8|1F|9|@]|A|@]|B|$]]|$2|P|4|Q|6|K|8|1G|9|@]|A|@]|B|$L|M]]|$2|R|4|S|6|7|8|1H|9|@]|A|@]|B|$]]|$2|T|4|U|6|7|8|1I|9|@]|A|@]|B|$]]|$2|V|4|W|6|7|8|1J|9|@]|A|@]|B|$]]|$2|X|4|Y|6|7|8|1K|9|@]|A|@]|B|$]]|$2|Z|4|10|6|7|8|1L|9|@]|A|@]|B|$]]|$2|11|4|-4|6|7|8|1M|9|@]|A|@]|B|$]]|$2|12|4|13|6|7|8|1N|9|@]|A|@]|B|$]]|$2|14|4|15|6|7|8|1O|9|@]|A|@]|B|$]]|$2|16|4|17|6|7|8|1P|9|@]|A|@]|B|$]]|$2|18|4|19|6|7|8|1Q|9|@]|A|@]|B|$]]]]

Simple enough to alter in less - <a href="http://twitter.github.com/bootstrap/scaffolding.html#gridCustomization" rel="noreferrer">http://twitter.github.com/bootstrap/scaffolding.html#gridCustomization</a>
You'll want to change the variables there to what you want -
e.g.
<pre><code>@gridColumns: 24
@gridColumnWidth: 30px
@gridGutterWidth: 10px
</code></pre>
If using a fluid-grid, you'll want to change these variables proportionally too, otherwise span12 will still take up 100% of the width and span24 will take up 200%
<pre><code>@fluidGridColumnWidth
@fluidGridGutterWidth
</code></pre>
As stated:
<blockquote>
How to customize
Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the four ways documented to recompile. If you're adding more columns, be sure to add the CSS for those in grid.less.
</blockquote>
You can change the variables and download the new css right here:
<a href="http://twitter.github.com/bootstrap/download.html#variables" rel="noreferrer">http://twitter.github.com/bootstrap/download.html#variables</a>
Here's a compiled example that should work for 16 columns (haven't tested, let me know how it works): <a href="https://s3.amazonaws.com/intenex/bootstrap16columns.zip" rel="noreferrer">https://s3.amazonaws.com/intenex/bootstrap16columns.zip</a>

entityMap|blocks|key|b313n|text|此方法适用于旧版本的Bootstrap+-版本2.3.1|type|unstyled|depth|inlineStyleRanges|entityRanges|data|68v2v|单击此链接以自定义引导：|64kmr|http://twitter.github.com/bootstrap/customize.html|gd4g|ddkb6|你会发现像这样的例子。更改参数以满足您的需要。|cj51a|16+Grid+system+with+Gutter
@gridColumns:+16
@gridColumnWidth:+45px
@gridGutterWidth:+15px
@gridColumnWidth1200:+52.5px
@gridGutterWidth1200:+22.5px
@gridColumnWidth768:+31.5px
@gridGutterWidth768:+15px

16+Grid+system+without+Gutter
@gridColumns:+16
@gridColumnWidth:+60px
@gridGutterWidth:+0px
@gridColumnWidth1200:+75px
@gridGutterWidth1200:+0px
@gridColumnWidth768:+46.5px
@gridGutterWidth768:+0px|code-block|syntax|javascript|5jp1k|24+Grid+system+with+Gutter
@gridColumns:+24
@gridColumnWidth:+30px
@gridGutterWidth:+1px
@gridColumnWidth1200:+35px
@gridGutterWidth1200:+15px
@gridColumnWidth768:+21px
@gridGutterWidth768:+10px

24+Grid+system+without+Gutter
@gridColumns:+24
@gridColumnWidth:+40px
@gridGutterWidth:+0px
@gridColumnWidth1200:+50px
@gridGutterWidth1200:+0px
@gridColumnWidth768:+31px
@gridGutterWidth768:+0px^0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|Q|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|R|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|S|9|@]|A|@]|B|$]]|$2|G|4|-4|6|7|8|T|9|@]|A|@]|B|$]]|$2|H|4|I|6|7|8|U|9|@]|A|@]|B|$]]|$2|J|4|K|6|L|8|V|9|@]|A|@]|B|$M|N]]|$2|O|4|P|6|L|8|W|9|@]|A|@]|B|$M|N]]]]

This method is for an older version of Bootstrap - Version 2.3.1

Click this link to customize bootstrap: <a href="http://twitter.github.com/bootstrap/customize.html" rel="nofollow">http://twitter.github.com/bootstrap/customize.html</a> 

You will find examples such as this. Change the parameters to fit your needs.

<pre><code>16 Grid system with Gutter
@gridColumns: 16
@gridColumnWidth: 45px
@gridGutterWidth: 15px
@gridColumnWidth1200: 52.5px
@gridGutterWidth1200: 22.5px
@gridColumnWidth768: 31.5px
@gridGutterWidth768: 15px

16 Grid system without Gutter
@gridColumns: 16
@gridColumnWidth: 60px
@gridGutterWidth: 0px
@gridColumnWidth1200: 75px
@gridGutterWidth1200: 0px
@gridColumnWidth768: 46.5px
@gridGutterWidth768: 0px
</code></pre>

<hr>

<pre><code>24 Grid system with Gutter
@gridColumns: 24
@gridColumnWidth: 30px
@gridGutterWidth: 1px
@gridColumnWidth1200: 35px
@gridGutterWidth1200: 15px
@gridColumnWidth768: 21px
@gridGutterWidth768: 10px

24 Grid system without Gutter
@gridColumns: 24
@gridColumnWidth: 40px
@gridGutterWidth: 0px
@gridColumnWidth1200: 50px
@gridGutterWidth1200: 0px
@gridColumnWidth768: 31px
@gridGutterWidth768: 0px
</code></pre>

entityMap|blocks|key|7kjgd|text|16列|type|unstyled|depth|inlineStyleRanges|entityRanges|data|cubs6|960px|cff4h|45px|6p313|*|438un|16+=720列|9817h|15px|fb4oa|50cdt|16+=240边沟|7f8uc|1200px|6qlp3|53px|3rp5o|5n11q|16+=848列|4knu0|22px|akqb5|3fqap|16+=352边沟|7cg|768px|9q2a2|33px|c7kov|a2voi|16+=528列|emo33|aokn4|8tc1c|16+=240边沟^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|1C|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|1D|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|1E|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|1F|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|1G|9|@]|A|@]|B|$]]|$2|K|4|L|6|7|8|1H|9|@]|A|@]|B|$]]|$2|M|4|H|6|7|8|1I|9|@]|A|@]|B|$]]|$2|N|4|O|6|7|8|1J|9|@]|A|@]|B|$]]|$2|P|4|Q|6|7|8|1K|9|@]|A|@]|B|$]]|$2|R|4|S|6|7|8|1L|9|@]|A|@]|B|$]]|$2|T|4|H|6|7|8|1M|9|@]|A|@]|B|$]]|$2|U|4|V|6|7|8|1N|9|@]|A|@]|B|$]]|$2|W|4|X|6|7|8|1O|9|@]|A|@]|B|$]]|$2|Y|4|H|6|7|8|1P|9|@]|A|@]|B|$]]|$2|Z|4|10|6|7|8|1Q|9|@]|A|@]|B|$]]|$2|11|4|12|6|7|8|1R|9|@]|A|@]|B|$]]|$2|13|4|14|6|7|8|1S|9|@]|A|@]|B|$]]|$2|15|4|H|6|7|8|1T|9|@]|A|@]|B|$]]|$2|16|4|17|6|7|8|1U|9|@]|A|@]|B|$]]|$2|18|4|L|6|7|8|1V|9|@]|A|@]|B|$]]|$2|19|4|H|6|7|8|1W|9|@]|A|@]|B|$]]|$2|1A|4|1B|6|7|8|1X|9|@]|A|@]|B|$]]]]

16 Column

960px

45px *16 =720 Column

15px *16 =240 Gutter

1200px

53px *16 =848 Column

22px *16 =352 Gutter

768px

33px *16 =528 Column

15px *16 =240 Gutter

entityMap|blocks|key|1sb7k|text|设置24列：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6dlp0|960|btvte|35px列|fcoe7|5px间隔|dai2k|1200|3ics1|40px列|fh3nl|10px间隔|2aht3|768|dap3r|29px列|8ne9v|3px间隔^0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|U|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|V|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|W|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|X|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|Y|9|@]|A|@]|B|$]]|$2|K|4|L|6|7|8|Z|9|@]|A|@]|B|$]]|$2|M|4|N|6|7|8|10|9|@]|A|@]|B|$]]|$2|O|4|P|6|7|8|11|9|@]|A|@]|B|$]]|$2|Q|4|R|6|7|8|12|9|@]|A|@]|B|$]]|$2|S|4|T|6|7|8|13|9|@]|A|@]|B|$]]]]

Set 24 Columns:

960 
35px Column 
5px Gutter

1200 
40px Column 
10px Gutter

768 
29px Column 
3px Gutter

entityMap|blocks|key|e2hq7|text|编辑:使用自定义列数创建网格已经恢复，可以在Bootstrap上完成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|eptbr|7oq9k|自定义页面|e9trh|..。|cas6q|由于我不知道的原因，最新版本的Bootstrap+(3.0.0/1)不允许创建不同于12列的网格，这是一个很大的遗憾。|9m271|我们目前所能做的是设置您自己的bootstrap定制器，这反过来将允许创建更多的自定义引导程序包。|4rsto|编辑:我刚刚试过了。所有依赖项的安装都相当顺利，同时遵循文档GitHub页面上的指导原则。|9g9g4|生成的样本|f244o|24柱网轴线|4hk3k|Editor+required+inserting+some+code+along+with+jsfiddle+link.+There's+no+point+in+pasting+anything+though.|code-block|syntax|javascript^0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|W|9|@]|A|@]|B|$]]|$2|C|4|-4|6|7|8|X|9|@]|A|@]|B|$]]|$2|D|4|E|6|7|8|Y|9|@]|A|@]|B|$]]|$2|F|4|G|6|7|8|Z|9|@]|A|@]|B|$]]|$2|H|4|I|6|7|8|10|9|@]|A|@]|B|$]]|$2|J|4|K|6|7|8|11|9|@]|A|@]|B|$]]|$2|L|4|M|6|7|8|12|9|@]|A|@]|B|$]]|$2|N|4|O|6|7|8|13|9|@]|A|@]|B|$]]|$2|P|4|Q|6|7|8|14|9|@]|A|@]|B|$]]|$2|R|4|S|6|T|8|15|9|@]|A|@]|B|$U|V]]]]

Edit: Creating grids with custom number of columns has been restored, and can be done on Bootstrap's <a href="https://getbootstrap.com/docs/3.4/customize/#grid-system" rel="nofollow noreferrer">customization page</a>.
For reasons unknown to me, the latest version of Bootstrap (3.0.0/1) doesn't allow you to create grid different than 12 columns, which is a big shame.
What we can do currently, and which will in turn allow for creating more customized bootstrap packages, is to set up your own Bootstrap customizer.
Edit: I just tried it. Installing all the dependencies went quite smooth while sticking to guidelines on their Docs GitHub page.
Sample generated
<a href="https://jsfiddle.net/3cLve/" rel="nofollow noreferrer">24 column grid</a>
<pre><code>Editor required inserting some code along with jsfiddle link. There's no point in pasting anything though.
</code></pre>

entityMap|blocks|key|ebukg|text|对于24列，您可以拆分主div|type|unstyled|depth|inlineStyleRanges|entityRanges|data|60i5i|nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++++++nothing
++++

++++12+here|code-block|syntax|javascript|b9rcg|codepen演示^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|K|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|L|9|@]|A|@]|B|$]]]]

For 24 colums you can split main div

<pre><code>&lt;div class="col-md-12"&gt;

 &lt;div class="col-md-6"&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1"&gt;nothing&lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="col-md-6"&gt;12 here&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<a href="http://codepen.io/airsakarya/pen/MyeYvj" rel="noreferrer" title="codepen demo">codepen demo</a>

entityMap|blocks|key|1ug9p|text|这是我发现的一种使用嵌套来做16列的快速而简单的方法……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|d9av2|​|7ah8g|.no-padding+{
++padding-left:+0+!important;
++padding-right:+0+!important;
}|code-block|syntax|javascript|73nbg|col
++++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col
++++
++
++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col
++++
++
++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col
++++
++
++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col
++++
++++
++++++col|61k6s^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|N|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|O|9|@]|A|@]|B|$H|I]]|$2|J|4|K|6|G|8|P|9|@]|A|@]|B|$H|I]]|$2|L|4|D|6|7|8|Q|9|@]|A|@]|B|$]]]]

Here is a quick and easy way I found to do 16 columns using nesting...

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.no-padding {
 padding-left: 0 !important;
 padding-right: 0 !important;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
 &lt;div class="col-md-3 no-padding"&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="col-md-3 no-padding"&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="col-md-3 no-padding"&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="col-md-3 no-padding"&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;div class="col-md-3"&gt;
 col
 &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;!-- row --&gt;</code></pre>
</div>
</div>

entityMap|blocks|key|314oc|text|我的项目使用网格30列(网格24和100也可用)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|eso9f|https://github.com/zirafa/bootstrap-grid-only|721nq|根据您需求，可能需要进行一些自定义^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|G|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|H|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|I|9|@]|A|@]|B|$]]]]

I use Grid 30 columns for my project (Grid 24 and 100 also available)

<a href="https://github.com/zirafa/bootstrap-grid-only" rel="nofollow">https://github.com/zirafa/bootstrap-grid-only</a>

some customization may be required depending on you requirement

entityMap|blocks|key|eqet1|text|您可以使用百分比覆盖width属性，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|ee1o9|nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing
++++nothing|code-block|syntax|javascript|9hvg5|它甚至会保持响应能力。^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|K|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|L|9|@]|A|@]|B|$]]]]

You can override the width attribute with percentage like this:

<pre><code> &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
 &lt;div class="col-md-1" style="width: 6.25%"&gt;nothing&lt;/div&gt;
</code></pre>

It will even maintain the responsive capabilities.

entityMap|blocks|key|bcpka|text|2018年更新|type|unstyled|depth|inlineStyleRanges|entityRanges|data|17sub|现在Bootstrap+4是flexbox，并且包括|d9ca|自动布局列|crqs4|，这很容易|eg35b|使用任意数量的|635kg|4c7kh|N|cjsc7|vfp9|列|36dlm|..。|8r0d2|16列|an2lp|1
++++++++++++
++++++++++++
++++++++++++++++2
++++++++++++
++++++++++++
++++++++++++++++...+to+16|code-block|syntax|javascript|alqal|24列|5lrir|1
++++++++++++
++++++++++++
++++++++++++++++2
++++++++++++
++++++++++++
++++++++++++++++...+to+24|7up2|演示：|cae6j|https://www.codeply.com/go/4sQGt2qKyr|ecs89|另请参阅：|6a1t8|N+Bootstrap+4中的列数^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|1B|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|1C|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|1D|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|1E|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|1F|9|@]|A|@]|B|$]]|$2|K|4|-4|6|7|8|1G|9|@]|A|@]|B|$]]|$2|L|4|M|6|7|8|1H|9|@]|A|@]|B|$]]|$2|N|4|-4|6|7|8|1I|9|@]|A|@]|B|$]]|$2|O|4|P|6|7|8|1J|9|@]|A|@]|B|$]]|$2|Q|4|R|6|7|8|1K|9|@]|A|@]|B|$]]|$2|S|4|T|6|7|8|1L|9|@]|A|@]|B|$]]|$2|U|4|V|6|W|8|1M|9|@]|A|@]|B|$X|Y]]|$2|Z|4|10|6|7|8|1N|9|@]|A|@]|B|$]]|$2|11|4|12|6|W|8|1O|9|@]|A|@]|B|$X|Y]]|$2|13|4|14|6|7|8|1P|9|@]|A|@]|B|$]]|$2|15|4|16|6|7|8|1Q|9|@]|A|@]|B|$]]|$2|17|4|18|6|7|8|1R|9|@]|A|@]|B|$]]|$2|19|4|1A|6|7|8|1S|9|@]|A|@]|B|$]]]]

Updated 2018

Revisiting this question for the latest Bootstrap 4. Now that Bootstrap 4 is flexbox, and includes <a href="http://getbootstrap.com/docs/4.0/layout/grid/#auto-layout-columns" rel="nofollow noreferrer">auto-layout columns</a>, it's easy to create layouts with any number of n columns...

16 columns

<pre><code>&lt;div class="row"&gt;
 &lt;div class="col"&gt;
 1
 &lt;/div&gt;
 &lt;div class="col"&gt;
 2
 &lt;/div&gt;
 &lt;div class="col"&gt;
 ... to 16
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

24 columns

<pre><code>&lt;div class="row"&gt;
 &lt;div class="col"&gt;
 1
 &lt;/div&gt;
 &lt;div class="col"&gt;
 2
 &lt;/div&gt;
 &lt;div class="col"&gt;
 ... to 24
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

Demo: <a href="https://www.codeply.com/go/4sQGt2qKyr" rel="nofollow noreferrer">https://www.codeply.com/go/4sQGt2qKyr</a>

<hr>

Also see:
<a href="https://stackoverflow.com/questions/49414441/n-number-of-columns-in-bootstrap/49415036">N number of columns in Bootstrap 4</a>

I need some help setting bootstrap 2.0.4 to be 16 or 24 column instead of the default 12 columns i can't understand what am i doing wrong i tried the customize option on the bootstrap site and i tried changing the grid variables in the variables.less file and recompile bootstrap.less using Crunch but for both trials i still have the same result .it is still 12 columns !!! when i try to set a div to be span12 it still takes the whole screen ?

Can anyone guide me to what's wrong i am doing or if someone can generate a 16 and 24 columns versions and send them to me that would be perfect

How to use bootstrap with 16 or 24 columns

 我需要一些帮助将bootstrap 2.0.4设置为16或24列而不是默认的12列我不能理解我做错了什么我尝试了bootstrap站点上的自定义选项，我尝试更改variables.less文件中的网格变量并使用Crunch重新编译bootstrap.less，但对于两次试验，我仍然得到相同的结果.it仍然是12列!！...

问如何使用16或24列的bootstrap
EN

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用16或24列的bootstrapEN