Css 为什么我的边栏和内容之间有这么多额外的空间？

我已经把我的布局归结为这个版本

我有两个问题。首先，边栏和内容之间的空间非常大。我希望它们的间距与正常值相同。在我的例子中，我希望侧栏的大小为

span2

，我的主要内容的大小为

span7

，然后右栏的大小为

span3

<div class="row-fluid">
    <div class="span2">
      <div class="well sidebar-nav-fixed">
        <ul class="nav nav-list">
            <li class="nav-header">Sidebar</li>
            ...other links ...
        </ul>
      </div>
    </div>
    <div class="span7 span-fixed-sidebar">
        <div id="world-map" style="display:block;">&nbsp;</div>
    </div>
    <div class="span3">
        <div class="row-fluid">
            <div class="span12" id="country-info">
                <h2 id="country-info-header">
                    The Detail Header
                </h2>
                <p id="country-info-summary">
                    A set of summary information. A short paragraph of text.
                </p>
            </div>
        </div>
    </div>

侧栏
…其他链接。。。

详细信息标题

一组摘要信息。一小段文字。

然而，我得到的结果是，我的侧边栏和我的内容（红色框）之间有一个巨大的差距，右侧的内容在左侧和侧边栏下。如何修复此布局

---

您需要试验引导

offset

类。我在这里给你举了一个简单的例子：

---

您的

位置：fixed

将元素从页面的自然流中移除，并以某种方式“重置”网格上的列。使用Bootstrap的

offset

类可以解决这个问题。选中此处：在“偏移列”下

您能不能像这样减少页边空白

.row-fluid > .span-fixed-sidebar {
    margin-left: 100px;
}

因为这似乎很好地移动了红色条

---

编辑：我已经玩了一个游戏，并提出了一个稍微简单的代码，我认为是你需要的效果与一点调整

您有类但没有外部CSS？请尝试删除

span固定边栏上的
span固定边栏
。我想它们可能是从同一点固定的。我没有发现小提琴下面的文字。使用clear:left和相对位置对你有用吗？