根据内容自动调整Bootstrap div宽度

Question

我有两个div，一个是col-md-2，另一个是col-md-10。 如何使col-md-10的宽度随内容自动扩展？ 例如，如果我在col-md-10中放置了一个非常宽的表格，表格的一部分将会超出div的范围。请问怎么解决？

- Hello Lili

Answer 1

你可以使用这个CSS技巧，将其设置为display: inline-block。 或者你可以使用一个不同的类别来处理表格，并使用这个自定义的CSS。

.table {
    display: table; /* IE8+ and all other modern browsers */
}

- Ganpat Kakar

Answer 2

Bootstrap对于col-md-2和col-md-10有固定的宽度。如果您想扩展col-md-10，则需要减小col-md-2的宽度。为此，您应该在Bootstrap源代码中更改col-md-10类中的宽度属性。

- atf.sgf

---

永远不要尝试更改Bootstrap框架的类，否则将会对整个网站进行更改。如果您确实需要更改某个div，请添加一个不同的类并在那里进行更改。如果不起作用，请使用CSS属性添加!important。 - Ganpat Kakar