如何使用Bootstrap将网格系统应用于contentplaceholder？

Question

我正在将现有网站转换为响应式网站。正如您在图像中看到的那样，有两个侧面（左侧内容和右侧内容）。我是Bootstrap的新手。我尝试使用网格系统。

如何将网格系统列应用于contentplaceholder？

代码:(母版页）

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

    <div class="col-sm-3">
      <div id="leftcontent">
        <asp:ContentPlaceHolder ID="sidecontentholder" runat="server">
        </asp:ContentPlaceHolder>
      </div>
    </div>

<!--Start Main Content  -->
    <div class="col-sm-9">
      <div id="rightcontent">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
      </div>
    </div>

  </div>
</div>

Default.aspx的：

<asp:Content ID="Content2" ContentPlaceHolderID="sidecontentholder" runat="server">
</asp:content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
</asp:content>