在 Bootstrap 网格中动态更改列数

我正在尝试为桌面浏览器设计一个布局，并为平板电脑浏览器设计其他布局。

我希望在桌面浏览器中看到 3+9 列（3 列用于侧边栏，9 列用于内容），以及平板电脑中的 12 列（仅内容）。 我不需要平板电脑中的侧边栏，因此我需要在这种情况下显示液体内容（宽度 100%）

我编写了这段代码，它在桌面浏览器中运行良好，但当我在平板电脑浏览器中测试它时，我只看到 9 列。

谁能帮我？

Thanks

...
    <div class="row-fluid">
       <div class="span3 visible-desktop">
          <!-- Render Sidebar -->
       </div>
       <div class="span9">
          <!-- Render Content-->
       </div>
    </div>
...

在你的 css 末尾尝试这样的事情：

@media (max-width: 979px){
  .span9 {width: 100% !important;}

}

您可能需要向该范围添加一个附加类，例如“content”，并将规则更改为目标“.content”而不是“.span9”