相关疑难解决方法(0)

在移动版本上以不同顺序引导

我有2列和右列中的嵌套行,如何使Bootstrap响应如下,

布局:

desktop version
--------- ------
|   2   ||  1  |
|       ||     |
|       |-------
|       ||  3  |
|       ||     |
|       |-------
|       |
|       |
---------

mobile version (stacked in order)
--------
|  1   |
|      |
--------
|  2   |
|      |
|      |
|      |
|      |
|      |
--------
|  3   |
|      |
--------
Run Code Online (Sandbox Code Playgroud)

这是我的代码:

<div class="row">
   <div class="col-lg-4">
     <div class="row">
         <div class="col-lg-12">1
     </div>
      <div class="row">
         <div class="col-lg-12">3
     </div>
   </div>
   <div class="col-lg-8 …
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
2111
查看次数

标签 统计

bootstrap-4 ×1

css ×1

twitter-bootstrap ×1