Bootstrap - 內容之間的空行

我想以正確的方式（不使用nbsp）在文本內容之間添加空白空間以在圖像上顯示，我該怎麼做？Bootstrap - 內容之間的空行

的Index.html

<div class="container-fluid" id="home"> 
<div class="row"> 
    <div class="col-md-8"> 
     <div class="row"> 
     <div class="col-md-5"></div> 
     <div class="col-md-7"> 
       <h1>Text A</h1> 
       <h1>Text B</h1> 
       <h1>&nbsp;</h1><h1>&nbsp;</h1><h1>&nbsp;</h1><h1>&nbsp;</h1> 
       <h1>Text after space</h1> 
       <h1>&nbsp;</h1> 
       <h1>&nbsp;</h1> 
       <h1>Example</h1> 
       <h1>Second examplei</h1> 
     </div> 
     </div> 
    <div class="col-md-4"></div> 
    </div> 
</div> 
</div>

CSS

h1{ 
margin: 0px; 
padding: 1px 0; 
line-height:1; 
font-size: 28px;}

來源

2016-03-02 Wojtkovy

請看看css屬性'邊緣'和它一起玩:)也建議閱讀[margin vs padding]（http://stackoverflow.com/questions/2189452/when-to-use-margin-vs- padding-in-css）知道差異。花時間學習，好運！ – nkmol

你可以做一些簡單的CSS填充解決它

個工作Codepen Example

.spacer { 
    padding-top: 80px; 
    padding-bottom: 40px 
}

乾杯:)

來源

2016-03-02 12:46:12

-1

.space { margin:0; padding:0; height:50px; } // height as desired 

<div class="space"></div>

您可以替換此代碼，而不是<h1> </h1>

來源

2016-03-02 12:46:55 Sharon

請使用padding CSS屬性。 Padding-top:"";padding-bottom:"";會很好。

來源

2016-03-02 12:47:36

Bootstrap - 內容之間的空行

回答

相關問題