Twitter Bootstrap：使行或行的内容不会自动换行和溢出

Bootstrap有一个12列的网格，并且当您用内容超出列时，内容将包装（示例如下）。我想内容留在同一行和溢出（基本上我设计一个矩阵和包装与矩阵不能很好地工作）。我曾看过浮动子元素（span6 s），并将overflow设置为auto,row-fluid，但这不起作用。Twitter Bootstrap：使行或行的内容不会自动换行和溢出

有没有可能的解决方案呢？

来源

2013-06-27 Chirayu Shishodiya

是的，你需要确保你的“跨度数”不超过12.在你的情况下，当你有3列时，你应该使用“span4”而不是“span6”。

有关详细信息，请参阅http://twitter.github.io/bootstrap/scaffolding.html#gridSystem。网格设计在12列左右，虽然你可以少一点，但如果你有更多的话，会变得不合时宜。如果你想获得更多，你必须重写spanX的CSS类，以确保总宽度不超过100％。

来源

2013-06-27 12:10:51 ivarni

如果我有超过12列，我如何得到额外的溢出和不换行？有没有简单的方法来做到这一点？ –

虽然我不会推荐做CSS覆盖，但是如果你绝对需要你，我猜这是因为你对总宽度不满意？在这种情况下，你可能应该使用row-fluid并且找出跨度的新百分比宽度（span4当前有默认宽度：31.623931623931625％）。同样，我强烈建议不要这样做，而是适应12 col布局或找到另一个具有16的网格。 – ivarni

问题是列数可以是任意大的，因此调整百分比不会起到诀窍的作用。溢出：auto和float：left也不会让它们溢出。 –

Twitter Bootstrap：使行或行的内容不会自动换行和溢出

回答

相关问题