需要獲取兩個相鄰行之間的空間

-3

在引導程序3上，我無法進行佈局，因此無法查看原因。需要獲取兩個相鄰行之間的空間

我的HTML：

 <div class="container"> 
      <div id="row1" class="row"> 
     <div class="col-lg-4 col-lg-push-8 col-md-4 col-md-push-8 col-sm-push-8 col-sm-4"> 
      <div class="round"></div> 
     </div> 
     <div class="col-lg-8 col-lg-pull-4 col-md-8 col-md-pull-4 col-sm-8 col-sm-pull-4 intro-text"> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p> 
     </div> 
     </div> 
     <div id="row2" class="row"> 
     <div class="col-lg-4 col-md-4 col-sm-4"> 
      <div class="round"></div> 
     </div> 
     <div class="col-lg-8 col-md-8 col-sm-8 intro-text"> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p> 
     </div> 
     </div> 
     </div> 


My CSS : 

    #row1 { 
     opacity:0.3; 
     background-color: red; 
    } 

    #row2 { 
    opacity:0.3; 
    background-color: yellow; 
    } 
    .intro-text { 
    text-align:center; 
    } 
    .round { 
    background:#bfd70e; 
    border-radius:50%; 
    width:160px; 
    height:160px; 
    border:2px solid #679403; 
    margin:0 auto; 
    } 
    @media(min-width:767px) { 
     .intro-text { 
     margin-top:60px; 
     } 
    #row2 { 
    margin-top:-15px; 
    } 
}

我想保持相同的結構，第一小提琴JS，但通過使第2排在第一位獲得一些空間。所以我嘗試了一個保證金，但它打破了所有的結構，我不知道爲什麼。

這是JS小提琴無：

#row2 { 
    margin-top:-15px; 
    }

JS fiddle

這是JS撥弄

#row2 { 
     margin-top:-15px; 
     }

JS fiddle

我該如何解決呢？

來源

2016-03-24 Guilhem

爲什麼你使用-15px，就是拉下來。我只用了「15px」，並得到了我認爲你在尋找的東西：https：//jsfiddle.net/584wcaa5/1/ –

請刪除你的答案，因爲它絕對不是我的需要。謝謝 – Guilhem

我認爲有一個原因，你現在有3對你的問題downvotes，我的答案不是問題。你不清楚你需要的幫助。 –

這是因爲這些元件靜態定位，因此與它上面的元件發生碰撞。

如果你給第二行position:absolute它應該停止它與元素碰撞，因爲位置被設置，而不管其他元素在做什麼。 https://jsfiddle.net/584wcaa5/2/

來源

2016-03-24 15:39:13

這不起作用，因爲它在大中型屏幕上造成了一個奇怪的缺陷。網格系統似乎被打破。 – Guilhem

我並不完全確定你正在努力實現的目標。你可以用油漆或其他東西來模擬它嗎？ –

我需要你在JS小提琴上所做的，把第二排放在第一排上以獲得一些空間。但是，如果放大屏幕，則會看到第二行的寬度不如第一行那麼大。看起來絕對定位正在打破12列系統。 – Guilhem

更改：

margin-top: -15px;

到：

margin-top: 15px;

否則你拉下來。

https://jsfiddle.net/584wcaa5/1/

來源

2016-03-24 15:39:02

這不是我的需要。我需要通過將第2行放在第一行來獲得空間。請在下次使用前仔細閱讀-1。 – Guilhem

下面是你用英語說的：「我想保持與第一個JS小提琴相同的結構，但是通過將第二行改爲第一行來獲得一些空間」..你說GAIN空間..積極邊際會讓你GAIN空間，如果這不是你所需要的，也許你需要更仔細地提出你的問題。 –

正如@maulzal所說的，你必須更具體。所以你想用'＃row2'覆蓋'＃row1'？ – Gijsberts

需要獲取兩個相鄰行之間的空間

回答

相關問題