输入按钮在bootstrap div中占100％

Question

输入按钮在bootstrap div中占用100％。我希望看到按钮和<a>彼此相邻。我不知道这里有什么问题。

<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

您可以尝试将“a”标记类设置为按钮，而不是已经存在的链接。

Answer 2

这可能是因为元素已应用display: block。

您可以使用几种解决方案。一种方法是使用浮点数，因此将float:left应用于按钮和锚点。

实现此目的的另一种方法是向两个元素添加display: inline-block。