以百分比更改Bootstrap列的宽度,而不会破坏网格的其余部分

时间:2016-09-01 13:00:08

标签: css twitter-bootstrap

我正在使用Bootstrap。除了一列外,网格总体上符合我的设计。我的设计要求一列为800像素宽,而Bootstrap提供700或850(当然,百分比转换为固定数字示例。

是否有一种可扩展且高效的方法来重新定义列的PERCENTAGE宽度(例如,对于所有屏幕尺寸,'8'col - * - 8)而不会破坏其余列? (例如通过mixin)

或者我是否必须从头开始重新创建所有列类?

或者我只是在该特定元素中添加一个类并覆盖此特定列? (无论如何都必须调整它旁边的所有其他列。)

1 个答案:

答案 0 :(得分:1)

在Bootstrap中,所有列(例如col - * - 8)的宽度都是特定的百分比。不建议将宽度直接编辑为列宽。

您可以在style.css文件中编辑.container类的宽度以覆盖bootstrap类,这将使引导程序自动计算单个列类的宽度。