Eingabetaste belegt 100% im Bootstrap div

Question

Eingabetaste belegt 100% im Bootstrap div. Ich möchte Knopf und <a> nebeneinander sehen. Ich weiß nicht, was hier los ist.

<div class="col-xs-12 col-sm-6 col-md-5"> 
    <input type="submit" value="Save" class="btn btn-success " onclick="javascript: submitPhone();"> 
    <a class="linkbutton linkbutton" onclick="PostEditPhoneCancel()"> Cancel </a> 
</div> 

Answer 1

Sie können die 'a'-Tag-Klasse als Schaltfläche versuchen und setzen statt einer Verbindung ist es schon.

Answer 2

Dies ist wahrscheinlich passiert, weil die Elemente display: block angewendet haben.

Es gibt ein paar Lösungen, die Sie verwenden können. Eine wäre Floats zu verwenden, also wenden Sie float:left auf den Button und den Anker an.

Eine andere Möglichkeit, dies zu erreichen, besteht darin, den beiden Elementen display: inline-block hinzuzufügen.