Platzieren von 2 Elementen in der gleichen Entfernung von Tabelle

Question

Ich versuche, meine 2 Paginationen im gleichen vertikalen Abstand von meinem Tisch zu setzen.

Dies funktioniert für den unteren Teil, aber der obere Teil scheint aus irgendeinem Grund in meinem Tisch-Container zu sein.

CSS:

.table { 
    width: 100%; 
    max-width: none; 
    clear: both; 
} 
.table-container { 
    margin-top: 20px; 
    margin-bottom: 20px; 
} 
section { 
    margin-top: 20px; 
    margin-bottom: 20px; 
} 
.pagination { 
    display: inline; 
} 

Answer 1

Sie haben keine Ränder auf Ihre Zeilen. Andere Dinge beeinflussen es, die innerhalb der Reihen sind. Zum Beispiel haben Sie eine <div class="pagination"> ist display:inline-block. Wenn Sie das entfernen, verschwindet die untere 5px Marge.

Answer 2

den Abstand Problem zu beheben,

.pagination { 
    display:inline-block; 
} 

zu

.pagination { 
    display:inline; //or block 
} 

Sie sollten auch Ihre .pagination in einem .col-xs-12 .col-md-12 div wie diese wickeln ändern. Schließen Sie immer die xs-Klassen ein, da Bootstrap zuerst mobil ist.

<div class="row> 
<div class="col-xs-12 col-md-12"> 
    <ul class="pagination"> 
    //code 
    </ul> 
    //rest of code 
</div> 
</div> 

Auch dieses

<section> 
<div class="col-xs-2 col-md-2"></div> 
<div class="col-xs-8 col-md-8"> 
    //code 
</div> 
</section> 

<section> 
    <div class="row> 
    <div class="col-xs-2 col-md-2"></div> 
    <div class="col-xs-8 col-md-8"> 
     //code 
    </div> 
    </div> 
</section> 

Als docs Zustand

Inhalt innerhalb von Spalten platziert werden soll, und nur Spalten sofort sein sollte sein kann Kinder der Reihe s.