垂直居中在.well类中的bootstrap btn

问题描述

我有一个链接，我想垂直居中在 .well 类从引导框架和我使用类 btn btn-danger 。这里是下面的图片。我试图使用 vertical-align：middle; 但是似乎不工作。您可以看到，井上的空间甚至不在顶部和底部。

I have a link that I want to center vertically in the .well class from the bootstrap framework and am using the class btn btn-danger on the anchor tag. Here's the pic below. I tried to use vertical-align:middle; but that doesn't seem to work. You can see that the space on the well isn't even on the top and the bottom.

这里是HTML：

<div class="well">
   <%= link_to "Remove", thing, method: :delete, style: "font-size: 11px; float:right; ", :class => 'btn btn-danger'%>

</div>

推荐答案

也许这是你需要的：。

我添加了新类，因此不要覆盖默认引导。

I've added new classes, so as not to overwrite the default bootstrap.

这篇关于垂直居中在.well类中的bootstrap btn的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！