html - Bootstrap 生成固定宽度的列，但仅适用于大型显示​​器，适用于较小的显示器响应

Question

我想用 bootstrap 为大型显示器生成一个固定宽度的列，但如果你在较小的显示器上使用它，它应该是有响应的。

<div class="container">
<div class="col-md-3"></div> <-- this should be fixed width 400px for big displays
<div class="col-md-9"></div> <-- content should be always responsive
</div>

这可能吗？谢谢

Answer 1

在 Bootstrap 3 中获得固定流体布局的最佳方法是使用 @media 查询，它在与 Bootstrap 媒体查询相同的断点处工作。因此，在您的情况下使用 992px (md) 断点...

@media (min-width:992px) {
  #sidebar {
    min-width: 400px;
    max-width: 400px;
  }
  #main {
    width:calc(100% - 400px);
  }
}

Bootstrap Fixed-Fluid Layout