Bootstrap，使用网格中的偏移量

Question

我试图让我的网站布局正确，但无论我尝试什么，我都无法得到我想要的效果。由于这很难解释，我会添加一张我想要的图片：

希望这是有道理的。 以下是我尝试实现此目的的代码：

<div class="row">
    <div class="col-md-offset-1 col-md-2">
    <div class="container" style="background-color:#ff6a00">

        LEFT DIV <br /><br /><br />

    </div>
    </div>
    <div class="col-md-6">
    <div class="container" style="background-color:#0094ff">
        <asp:ContentPlaceHolder ID="ContentPlaceHolderMid" runat="server">
        THIS IS THE MIDDLE
        </asp:ContentPlaceHolder>
    </div>
    </div>
    <div class="col-md-2 col-md-offset-1">
    <div class="container" style="background-color:#00ff21">

        RIGHT DIV <br /><br /><br />

    </div>
    </div>
    </div>

我无法真正开始工作，偏移不会像我认为的那样工作，我无法在网上找到任何答案。

Answer 1

您没有以正确的方式使用类容器，此类仅用于放置最大宽度~1000px

试试这个：

<div>HEADER</div>
<div class="container">
  <div class="row">
    <div class="col-md-3">LEFT</div>
    <div class="col-md-6">CENTER</div>
    <div class="col-md-3">RIGHT</div>
  </div>
</div>