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：使行或行的內容不會自動換行和溢出

回答

相關問題