2016-09-28 63 views
0

这将是艰难而不进行图像来解释,但我会尽我所能引导 - 两个单独列,但连续跨越两个

-------------- -------------- 
| COLUMN 1 | | COLUMN 2 | 
|    | |    | 
| Col 1 Row 1 | | Col 2 Row 1 | 
| Col 1 Row 2 | | Col 2 Row 2 | 
| THIS NEEDS TO AGO ACROSS | 
| BOTH COLUMNS    | 
| Col 1  | | Col 2  | 
--------------- --------------- 

所以在中间位为1列之间的间距第2栏

这是没有这种桥的电流设置跨列

<div class="row level-five hidden-xs hidden-sm hidden-md"> 
    <div class="col-md-2"> 
     <div class="col-md-12 darkgreenbg"> 
      <p>COLUMN 1</p> 
      <div class="row"> 
       <div class="col-md-10 lightgreenbg col-md-offset-1"> 
        <p>COL 1</p> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-10 lightgreenbg col-md-offset-1"> 
        <p>COL 1/p> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-10 greenbg col-md-offset-1"> 
        <p>COL 1</p> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-10 greenbg col-md-offset-1"> 
        <p>COL 1</p> 
       </div> 
      </div> 
      <div class="row"></div> 
     </div> 
    </div> 
    <div class="col-md-2"> 
     <div class="col-md-12 darkgreenbg"> 
      <p>COLUMN 2</p> 
      <div class="row"> 
       <div class="col-md-10 lightgreenbg col-md-offset-1"> 
        <p> COL 2</p> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-10 lightgreenbg col-md-offset-1"> 
        <p>COL 2</p> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-10 greenbg col-md-offset-1"> 
        <p>COL 2</p> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-10 greenbg col-md-offset-1"> 
        <p>COL 2</p> 
       </div> 
      </div> 
      <div class="row"></div> 
     </div> 
    </div> 
</div> 

因此,像下面。它已经存在,但显然严重编辑图为我想发生在底部的两个箱子目前看起来像两个机顶盒的东西。

enter image description here

回答

-1

不知道什么样的内容会在那里所以这是不可能的,但它可以被嘲笑像这样:

<div class="row level-five"> 
    <div class="col-md-6"> 
     <div class="col-md-12">asdasdasd</div> 
    </div> 
    <div class="col-md-6"> 
     <div class="col-md-12">asdasdasd</div> 
    </div> 
    <div class="col-md-12">asdasdasd</div> 
    <div class="col-md-6"> 
     <div class="col-md-12">asdasdasd</div> 
    </div> 
    <div class="col-md-6"> 
     <div class="col-md-12">asdasdasd</div> 
    </div> 
</div> 
+0

修正了使用图像和更好的问题码 – pee2pee