【问题标题】:Change the width of a Bootstrap column in percentages without breaking the rest of the grid [duplicate]在不破坏网格其余部分的情况下以百分比更改 Bootstrap 列的宽度 [重复]
【发布时间】:2016-09-01 13:00:08
【问题描述】:

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

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

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

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

【问题讨论】:

  • 你能在这里发布一些html css代码吗?
  • 这个问题不需要。我不是在询问特定的黑客/解决方案,而是在不破坏其余部分的情况下覆盖默认引导列宽的一般方法。
  • 这很简单,只需在此处添加另一个类并为该类提供您想要的任何宽度。这有多难

标签: css twitter-bootstrap


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-03-11
    • 1970-01-01
    • 2018-11-19
    • 2013-08-28
    • 2011-04-02
    • 2018-05-04
    • 1970-01-01
    相关资源
    最近更新 更多