Twitter bootstrap 在Bootstrap3中，边栏/导航栏是否对列计数？_Twitter Bootstrap_Twitter Bootstrap 3

Twitter bootstrap 在Bootstrap3中，边栏/导航栏是否对列计数？

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 在Bootstrap3中，边栏/导航栏是否对列计数？,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我在Bootstrap3网站工作，有个愚蠢的问题。我的代码（没有编写、清理）有一个侧栏导航栏，它嵌套在容器下，但不在col div或row中。这是不对的吗？目前的布局是： <body> <section id="container"> (no class) <header/> <aside> <div id="sidebar" class="nav-collapse"> <ul cl

我在Bootstrap3网站工作，有个愚蠢的问题。我的代码（没有编写、清理）有一个侧栏导航栏，它嵌套在容器下，但不在col div或row中。这是不对的吗？目前的布局是：

<body>
  <section id="container"> (no class)
    <header/>
    <aside>
      <div id="sidebar" class="nav-collapse">
        <ul class="sidebar-menu" id="nav-accordion">
          <li class="sub-menu">
          ...
    </aside>
    <section id="main-content">
        <section class="wrapper site-min-height">
            <div>
              <div class="row-fluid">
                <div class="col-sm-6 pull-right">
                ...content...


（无课）


...
…内容。。。

好吧，现在我把它压缩成这样，我看到层次结构中没有任何类容器。。。令人惊叹的！不过，我最初的问题仍然是：

导航侧栏应该存在于col--div中，还是在“内容区域”的旁边？我认为前者…

视情况而定

如果您将有多个

行

s，那么一个高列（包含侧栏）将使第一个

行

非常高，从而破坏您的设计

如果你的设计只有一行，那么你可以把你的边栏放在一列中

在这两种情况下，最好的解决方案是嵌套网格元素，如下所示：

<div class="container"> <div class="row"> <div class="col-md-4"> ...Sidebar comes here... </div> <div class="col-md-8"> <div class="row"> A nested grid can come here with it's own columns. </div> </div> </div> </div>

…侧边栏来了。。。嵌套网格可以使用自己的列显示在这里。

一个很好的例子：
“这取决于”或多或少是我所期望的。这个例子基本上就是我要找的，它确实包括了边栏和网格宽度计算中的“内容”（2+10，3+9）。然而，当侧栏折叠时，这是否意味着剩余的可见列将重新计算（0+12），或者总数不再是12，但它仍然有效（可能是因为它是一个流体容器）？因为组件（侧栏和内容区域）本身就是Sutton的“列”，当边栏折叠右侧块时，示例中的“col-md-8”变为“col-md-12”更正：当边栏在超大屏幕上折叠时，它更像是“col-xs-12”