【问题标题】:What is the correct way to adjust bootstrap columns to specified widths将引导列调整为指定宽度的正确方法是什么
【发布时间】:2015-05-12 20:43:46
【问题描述】:

在 bootstrap 3.0 中,假设您使用 12 列网格,并且您有 3 列侧边栏 (col-md-3) 和 9 列主要内容区域 (col-md-9) 但您的侧边栏内容已填满侧边栏宽度大约为 2 列半,并且在侧边栏内容和主要内容区域之间留有大约 40 像素的空白空间,您可以做些什么来消除这个空间?

我尝试在主要内容区域设置负边距,试图将其拉到左侧,但它不起作用。

处理这种情况的最佳方法是什么?我确信开发人员必须一直处理这个问题,因为大多数设计师不会在 12 列网格上进行设计。

【问题讨论】:

  • 你能举个例子吗? col-md-9 和 col-md-3 是百分比宽度,加起来为 100%,所以如果有一个排水沟,它来自其他东西(很可能是父容器)。

标签: css twitter-bootstrap responsive-design less


【解决方案1】:

在这种情况下,我所做的不是使用网格来创建侧边栏。所以侧边栏和内容将是您自己的 CSS,指定每个的宽度,然后在您的内容内部是您将使用 12 块网格系统的地方。

【讨论】:

  • 但是你如何处理其他断点,你需要为每个分辨率使用自定义媒体查询吗?与使用网格系统相比,这似乎是一项可怕的工作。
  • 其实是的。如果您查看大多数已经存在的引导主题,它们就是这样做的。创建响应式网站需要大量工作,这就是为什么好的响应式主题通常要花很多钱
猜你喜欢
  • 1970-01-01
  • 2023-03-14
  • 1970-01-01
  • 2016-11-19
  • 2016-12-16
  • 2012-11-12
  • 2019-01-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多