ブートストラップ4のフォーム要素の間隔はどのように設定しますか？

Question

ブートストラップ4のフォーム要素の間隔はどのように設定しますか？公式の例の下のコードでは、フルネームには「@」からのスペースがありますが、ユーザー名にはスペースがありません。誰か知っていますか？

<form class="form-inline"> 
    <label class="sr-only" for="inlineFormInputName2">Name</label> 
    <input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="inlineFormInputName2" placeholder="Jane Doe"> 

    <label class="sr-only" for="inlineFormInputGroupUsername2">Username</label> 
    <div class="input-group mb-2 mr-sm-2 mb-sm-0"> 
    <div class="input-group-addon">@</div> 
    <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username"> 
    </div> 

    <div class="form-check mb-2 mr-sm-2 mb-sm-0"> 
    <label class="form-check-label"> 
    <input class="form-check-input" type="checkbox"> Remember me 
    </label> 
    </div> 

    <button type="submit" class="btn btn-primary">Submit</button> 
</form> 

Answer 1

フォームグループとフォームコントロールのdivクラスの使用はどうですか？

この記事を参考にしてください。 https://v4-alpha.getbootstrap.com/components/forms/

Answer 2

最も良い方法は、ブートストラップのユーティリティスペーサ自体を使用することです。