Bootstrap响应式布局问题

Question

您好我正在使用我的网站的bootstrap最新版本，我有一些问题将我的页面布局编码为以下图像

Answer 1

这可能是一个解决方案。显然，id是例如。

<div class="container">
    <header>
        <div id="logo"></div>
    </header>
    <div id="background-image"></div>
    <div class="row">
        <div class="col-sm-9">
            <div id="box1-with-3-columns" class="row">
                <div class="col-sm-4"></div>
                <div class="col-sm-4"></div>
                <div class="col-sm-4"></div>
            </div>
            <div id="box2-with-3-columns" class="row">
                <div class="col-sm-4"></div>
                <div class="col-sm-4"></div>
                <div class="col-sm-4"></div>
            </div>
        </div>
        <div id="sign-up-box"></div>
    </div>
    <footer></footer>
</div>