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

时间:2012-09-04 06:49:10

标签: css twitter-bootstrap

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

以下是我的jsfiddle资源:

Source

Result

如果我可以在主体不再缩小时设置宽度,那将是很好的,例如主容器的最小宽度。

感谢任何帮助。

1 个答案:

答案 0 :(得分: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,取消选中您不想支持的尺寸。