Bootstrap 4.0 - 要素の下にあるパディングを削除するには？

Question

最近、私はブートストラップ（ver 4.0）を試しています。私は特にオフ位置の縦列アライメントに関しては軽微な問題がある。

は、このためのコードは次のとおりです：

<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> 

とGoogle Chromeの要素の検査を使用する場合、私は総額以下（下図オレンジで強調表示）パディングがあることが分かりましたこれ以外のもの： $ 12.00 kg以下のパディングがあり、青いボタン "Buy Me！"

フッターのdivの要素は垂直方向の配置オフのようだ：

私はGoogleの要素を使って要素を検査するとき、私はパディングがある見つけた：$ 12.00キロと青のボタンの下に」私を購入するには

これらのコードは

<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> 

そうです私の質問は、div内のすべての要素をお互いに整列させるために、余分なパディングを下に取り除く方法は何ですか？

Answer 1

だけマージン（ないパディング）がデザインであり、ブートストラップ4 spacing utils ...

pb-0 = padding-bottom: 0;

または

mb-0 = margin-bottom: 0;