Wie setzt man Abstand zwischen Formelementen in Bootstrap 4?

Question

Wie legen Sie den Abstand zwischen Formelementen in Bootstrap 4 fest? In dem folgenden Code aus dem offiziellen Beispiel hat der vollständige Name Leerzeichen von "@", während der Benutzername keinen Abstand hat. Weiss es jemand?

<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

Wie wäre es mit der Verwendung von Form-Group und Form-Control-Div-Klasse.

beziehen Sie sich bitte auf dieses. https://v4-alpha.getbootstrap.com/components/forms/

Answer 2

Der beste Weg ist, Bootstrap Utility-Spacer selbst zu verwenden.