Html 边距和向右拉自举按钮

嗨，我正在尝试在我的按钮中应用“向右拉”，但我注意到两件事：

1-取消按钮假设在左边，但它不是，我的html make在左边，但在应用向右拉后，取消按钮在保存之后

2-这是一种仅使用boostrap的方法，以使按钮之间的边距更好？现在按钮没有边距

.col-md-12{
背景：灰色；
边框：1px纯黑；
高度：50px；
}

取消
拯救

给您：

.col-md-12{
背景：灰色；
边框：1px纯黑；
高度：55px；
填充顶部：9px；/*视觉改善；）*/
}
#btn-save2{左边距：10px}

拯救
取消

移除

类

向右拉

打开按钮

添加

Class

parent

div

text right

<footer class="col-md-12 text-right">
<button class="btn btn-default" data-dismiss="modal" id="btn-cancel2" type="button">Cancel</button>
<button class="btn btn-primary" data-dismiss="modal" id="btn-save2" type="button">Save</button>
</footer>

取消
拯救

---

引导按钮是

内联块

元素，您可以简单地使用

文本右键

来设置移位按钮的父项

.col-md-12{
背景：灰色；
边框：1px纯黑；
高度：50px；
}

取消
拯救

jshiddle

.col-md-12{
背景：灰色；
边框：1px纯黑；
高度：50px；
}

取消
拯救

 <footer class="col-md-12 ">

<div class="pull-right">


    <a class="btn navbar-btn btn-primary " href="#" target="_texturepack">Save</a>
    <a class="btn navbar-btn btn-default" href="#" target="_texturepack">Cancel</a>

</div>
 </footer>