Html bootstrap3如何在容器的左侧和右侧插入div块

块的宽度应与屏幕两侧的宽度相同。

---

谢谢

您会如何处理小屏幕上的DIES块，使容器达到全宽？你为什么不这样做：

<div class="container-fluid">
  <div class="row">
    <div class='col-md-2'><!-- Block --></div>
    <div class='col-md-8'><!-- Container --></div>
    <div class='col-md-2'><!-- Block --></div>
  </div>
</div>

或者，如果您想在手机上隐藏侧面的块：

<div class="container-fluid">
  <div class="row">
    <div class='col-md-2 hidden-sm'><!-- Block --></div>
    <div class='col-md-8 col-sm-12'><!-- Container --></div>
    <div class='col-md-2 hidden-sm'><!-- Block --></div>
  </div>
</div>

我的容器取MAX-970PX，如果屏幕有更多的空间，那么用户应该看到这些块。理想情况下，我应该在中间建立一个块-970px的页面，如果屏幕有空闲空间，则在中间块的左右两个方向添加两个块，并填充这个空间。对于设计来说，中间块占用970px并处于中间位置。然后，您必须编写一些定制的CSS，不可能用纯Bootstrap来实现。我相信，您需要使问题更加清楚，在屏幕宽度上的第一列和第三列发生的情况太小，无法显示它们。它们的最小宽度是多少？可能是