css - Bootstrap - Div 显示在导航栏下方，而不是导航栏的右侧

Question

我尝试设置一个始终位于屏幕最左侧的导航栏，以及一个始终位于导航栏右侧的主容器。目前它始终位于导航栏下方。主容器（以仪表板为标题）应始终位于导航栏的右侧，即使屏幕太小。在主容器中，当前只显示了一张表。这张桌子的宽度应该是流动的。

这是我的 jsfiddle 资源：

来源

结果

如果我可以在主体不再收缩时设置宽度，那就太好了，比如主容器的最小宽度。

将不胜感激任何帮助。

Answer 1

侧边栏必须在容器内才能与“仪表板”并排。

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span4">
            <!--Sidebar content-->
        </div>
        <div class="span8">
            <!--Dashboard content-->
        </div>
    </div>
</div>

为防止在某些屏幕尺寸下调整大小，只需在此处获取自定义 Bootstrap ，取消选中您不想支持的尺寸。