Bootstrap 4.0 - Wie Padding unterhalb eines Elements zu entfernen?

Question

Kürzlich experimentiere ich rund um Bootstrap (ver 4.0). Ich habe kleinere Probleme, insbesondere mit den vertikalen Ausrichtungen. Bei den Kontrollen der Verwendung von Google Chrome Elemente, fand ich heraus, dass es Polsterungen sind (markiert mit Orangen unten) unter dem Gesamtbetrag:

Der Code hierfür sind:

<div class="input-group w-25 float-right"> 
     <label for="number">Total Amount: </label> 
     <span class="input-group-addon">$</span> 
     <input type="number" class="form-control" aria-label="Amount"> 
    </div> 

und die andere, die das ist: Wo gibt es Polsterungen unter $ 12,00 kg und blauen Knopf "Buy Me!"

Die Elemente der Fußzeile div off vertikale Ausrichtung zu sein scheint:

Wenn ich Elemente untersuchen die Verwendung von Google-Elemente, fand ich heraus, es gibt Polsterungen: unter $ 12.00 kg und blaue Taste „Kaufen Sie mich

!

Der Code für diese sind

<div class="card-footer border-success"> 
      <h6 class="card-subtitle mb-2 text-muted">$12.00/kg </h6> 
      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="1" aria-label="unit" aria-describedby="basic-addon2"> 
       <span class="input-group-addon" id="basic-addon2">units</span> 
       <a href="#" class="btn btn-primary">Buy me!</a> 
      </div> 
    </div> 

So , meine Frage ist, gibt es irgendwelche Möglichkeiten, die zusätzlichen Polsterungen in der Unterseite zu entfernen, um alle Elemente innerhalb div zueinander ausgerichtet zu machen?

Answer 1

Sie werden die Bootstrap 4 spacing utils ..

pb-0 = padding-bottom: 0;

oder

mb-0 = margin-bottom: 0;