Twitter Bootstrap - oberen Abstand zwischen den Zeilen hinzufügen

Question

So fügen Sie einen oberen Rand zu class="row" Elemente mit Twitter Bootstrap Framework?

Answer 1

In Bootstrap 4 alpha+ können Sie dies verwenden

class margin-bottom-5

Die Klassen werden nach dem Format benannt: {property}-{sides}-{size}

Answer 2

just take a new class beside every row and apply css of margin-top: 20px;
here is the code below
<style>
  .small-top
   {
     margin-top: 25px;  
   }
</style>    
<div class="row small-top">
   <div class="col-md-12">
   </div>
 </div>

Answer 3

Bootstrap3

CSS (nur Bundsteg, ohne Ränder):

.row.row-gutter {
  margin-bottom: -15px;
  overflow: hidden;
}
.row.row-gutter > *[class^="col"] {
  margin-bottom: 15px;
}

CSS (gleiche Ränder rundherum, 15px/2):

.row.row-margins {
  padding-top: 7px; /* or margin-top: 7px; */
  padding-bottom: 7px; /* or margin-bottom: 7px; */
}
.row.row-margins > *[class^="col"] {
  margin-top: 8px;
  margin-bottom: 8px;
}

Verwendung:

<div class="row row-gutter">
    <div class="col col-sm-9">first</div>
    <div class="col col-sm-3">second</div>
    <div class="col col-sm-12">third</div>
</div>

(mit SASS oder LESS 15px könnte eine Variable von Bootstrap sein)

Answer 4

<div class="row row-padding">

einfacher Code

Answer 5

Wenn Sie nur eine Seite ändern möchten, fügen Sie die folgende Stilregel hinzu:

 #myCustomDivID .row {
     margin-top:20px;
 }