【问题标题】:Fixed width sidebar with responsive main div in bootstrap 2.3.2Bootstrap 2.3.2 中带有响应式主 div 的固定宽度侧边栏
【发布时间】:2013-11-20 23:44:09
【问题描述】:

我试图在使用引导程序 2.3.2 时获得一个带有响应式主 div 的固定宽度侧栏。

如下图所示

Ived 尝试使用200px 固定宽度 div,然后在其旁边放置一个流体 div,但无法使其工作。有任何想法吗 ?我在这里解决了这个问题 - http://jsfiddle.net/KAfMB/1/

【问题讨论】:

  • 你检查过layouts吗?
  • 是的,我看过那些,虽然他们有一个 fluid side bar layout - 它使两个部分都保持流动,而不是侧边栏固定和主 div 流动。
  • 这是jsFiddle 你在找什么?
  • @AdamZapp - 不像右侧 div 似乎完全响应

标签: css twitter-bootstrap responsive-design fluid-layout twitter-bootstrap-2


【解决方案1】:

这是因为您的“固定跨度”类被引导跨度类覆盖。 您可以从班级中删除“span”一词来解决这个问题:

<div class="row-fluid">
    <div class="fixed blue cols">...</div>
    <div class="span8 red cols">...</div>
</div>
.fixed {
    width:200px;
    float: left;
}

这是小提琴: http://jsfiddle.net/KAfMB/4/

【讨论】:

  • 差不多了,你知道有没有办法在浏览器容器低于 510 像素时阻止布局中断 - 红色 div 低于蓝色 div?
  • 您可以为该容器定义一个最小宽度。退房 - w3schools.com/cssref/pr_dim_min-width.asp
猜你喜欢
  • 1970-01-01
  • 2014-04-05
  • 2012-06-22
  • 1970-01-01
  • 1970-01-01
  • 2023-03-30
  • 2013-03-04
  • 2012-10-23
  • 2016-08-31
相关资源
最近更新 更多