Question

我有一个2-8-2

的自举网格

在左手2我有一个菜单，我想在979px以下崩溃

这一切都有效。

但是我想剩下的8-2列填充宽度并将菜单放在某处。

我想我可以通过媒体查询改变8-2的宽度 - 但是有更好的方法

有什么想法吗？

Answer 1

使用.hidden classes隐藏断点后的菜单？

<div id="menu-div" class="col-md-2 hidden-sm hidden-xs"></div>

Answer 2

除了@ PeteTNT的回答，您可以将剩余8-2列的宽度更改为断点后的10和2 ..

<div class="container-fluid">
 <div class="row">

   <div class="col-md-2 hidden-sm hidden-xs">left</div>
   <div class="col-md-8 col-xs-10">main</div>
   <div class="col-md-2 col-xs-2">right</div>

 </div>
</div>

演示：http://bootply.com/Iuq0OH7Jxq

bootstrap网格需要10列来填充宽度

2 个答案: