Question

所以我要求将Json响应格式化，这样每行有三个项目，以及需要多少行。

除了懒惰并且必须跟踪计数器之外，如果有一行超过12列会产生任何负面影响，因为它们会创建一个新行吗？

即使从引导程序文档中，这听起来也不是一个坏主意

如果一行中放置的列数超过12列，则每组额外列将作为一个单元换行换行。[1]

   <div class="row">
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>A</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>B</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>C</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>D</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>E</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>F</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>G</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
            <img src="http://placehold.it/555x300">
            <h3>H</h3>
            <p><a href="http://example.com">Link to project</a></p>
        </div>
    </div>

Answer 1

12-col网格本身没什么坏处，只是发生Bootstrap带有预先构建的12列网格（任意但合理的默认值）

对于现有项目，潜在的危害是所有其他UI元素期望12列网格

实际上，根据您的具体需要，您可能希望制作一个自定义UI元素（即自定义网格/＆＃34;表格＆＃34;以显示您的数据），而不是真正做出如此广泛的改变，如自定义BS网格

如果您正在寻找更改网格，可以尝试重新编译LESS源代码中的所有CSS并更改变量：

@grid-columns:              12;
@grid-gutter-width:         30px;

或使用此自定义程序：http://getbootstrap.com/customize/#grid-system

超过12列：有什么危害？

1 个答案: