css - 一列高的 Bootstrap (或一般的 CSS)

Question

在 Bootstrap 行和列(或一般的 CSS 中)中是否可以采用以下布局 - 对于移动 View ，列的 ID 必须保持该顺序。

[1][2]
[3][2]
   [2]
   [2]
   [2]


<div class="row">
  <div class="col-md-3">Block 1 - sidebar</div>
  <div class="col-md-9">Block 2 - will be long - main content </div>

</div>


<div class="row">

  <div class="col-md-3">Block 3 - will continue as a sidebar.
  </div>
</div>

Answer 1

我会有这样的东西:

[Sidebar][Main]

侧边栏为:

[1]
[3]

所以最终的结果是:

<div class="row">
    <div class="sidebar col-md-3">
        <div class="row">
            <div class"main col-md-3">
                 Sidebar 1
            </div>
            <div class"main col-md-9">
                 Sidebar 3
            </div>
        </div>
    </div>
    <div class"main col-md-9">
    Main
    </div>
</div>