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

Css 引导-Div显示在导航栏下方,而不是导航栏右侧,css,twitter-bootstrap,Css,Twitter Bootstrap,我试图设置一个始终位于屏幕最左侧的导航栏和一个始终位于导航栏右侧的主容器。当前,它始终位于导航栏下方。主容器(标题为dashboard)应始终位于导航栏的右侧,即使屏幕太小。在主容器中,当前仅显示一个表。这张桌子的宽度应该是流畅的 以下是我的JSFIDLE资源: 如果我能在主体不再收缩时设置宽度,比如主容器的最小宽度,那就太好了 非常感谢您的帮助。侧边栏必须位于容器内,才能将其与“仪表板”并排放置 <div class="container-fluid"> <div

我试图设置一个始终位于屏幕最左侧的导航栏和一个始终位于导航栏右侧的主容器。当前,它始终位于导航栏下方。主容器(标题为dashboard)应始终位于导航栏的右侧,即使屏幕太小。在主容器中,当前仅显示一个表。这张桌子的宽度应该是流畅的

以下是我的JSFIDLE资源:

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


非常感谢您的帮助。

侧边栏必须位于容器内,才能将其与“仪表板”并排放置

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


要防止在特定屏幕大小下调整大小,只需获取一个自定义引导,取消选中您不希望支持的大小。

侧边栏必须位于容器内,才能将其与“仪表板”并排获取

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


要防止在特定屏幕大小下调整大小,只需使用自定义引导,取消选中您不想支持的大小。

请参阅下面的我的答案,希望它能解决您的问题。请参阅下面的我的答案,希望它能解决您的问题。这是朝着正确方向迈出的一大步:)谢谢!我更新了JSFIDLE。但当屏幕调整大小/缩小时,仪表板仍在导航栏下方移动->。你真的认为这可以通过自定义引导版本解决吗?自定义引导将阻止调整大小低于特定大小。试一试,如果它不符合你的要求,我们可以搜索解决方案。在你的小提琴失踪!它改变了人们的行为。谢谢。你是对的,这解决了问题。当取消选中响应功能时,它将停止将仪表板内容放在侧边栏内容下。这是朝着正确方向迈出的一步:)谢谢!我更新了JSFIDLE。但当屏幕调整大小/缩小时,仪表板仍在导航栏下方移动->。你真的认为这可以通过自定义引导版本解决吗?自定义引导将阻止调整大小低于特定大小。试一试,如果它不符合你的要求,我们可以搜索解决方案。在你的小提琴失踪!它改变了人们的行为。谢谢。你是对的,这解决了问题。取消选中响应功能时,它将停止将仪表板内容放在侧边栏内容下。