Twitter bootstrap 引导式网格布局

Twitter bootstrap 引导式网格布局,twitter-bootstrap,angular-ui-bootstrap,Twitter Bootstrap,Angular Ui Bootstrap,我想知道是否可以用bootstrap做这样的事情? 当屏幕变小时,小立方体将传递到一列,然后右边的大列将位于所有列的底部 我正在用AngularJS和Laravel为好奇的人创建一个网络应用程序。没问题: HTML: 您当然可以这样做,但是您需要编写一些javascript来检测代理客户端并移动包含不同容器的div。 <div class="container"> <div class="row"> <div class="col-md-9">

我想知道是否可以用bootstrap做这样的事情?

当屏幕变小时,小立方体将传递到一列,然后右边的大列将位于所有列的底部

我正在用AngularJS和Laravel为好奇的人创建一个网络应用程序。

没问题:

HTML:



您当然可以这样做,但是您需要编写一些javascript来检测代理客户端并移动包含不同容器的div。
<div class="container">
  <div class="row">
    <div class="col-md-9">
      <div class="row">
        <div class="col-md-4">
          <div class="block"></div>
        </div>
        <div class="col-md-4">
          <div class="block"></div>
        </div>
        <div class="col-md-4">
          <div class="block"></div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <div class="block"></div>
        </div>
        <div class="col-md-4">
          <div class="block"></div>
        </div>
        <div class="col-md-4">
          <div class="block"></div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <div class="block"></div>
        </div>
        <div class="col-md-4">
          <div class="block"></div>
        </div>
        <div class="col-md-4">
          <div class="block"></div>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="block block-lg"></div>
    </div>
  </div>
</div>