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

Question

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

这是我的 jsfiddle 资源:

Source

Result

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

非常感谢任何帮助。

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 here ，取消选中您不想支持的尺寸。