我想实现一个非常简单的目标:我有一行 - 文本左对齐,右按钮。我希望文本与按钮的标签垂直对齐。我尝试使用填充,边距,......但没有任何效果。我相信我有一个简单而聪明的解决方案。
Plunker演示:
https://plnkr.co/edit/KwRF2uOmKc3aPFQW9DXn?p=preview
<div>
<span>
This text should match the "Submit" text
</span>
<button type="button" class="btn btn-secondary float-right">Submit</button>
</div>
感谢您的回答。
答案 0 :(得分:3)
Bootstrap 4基于flexbox,因此已经有用于应用这些对齐实用程序的类。 d-flex
使容器成为弹性容器,align-items-center
进行垂直对齐。尝试类似:
<div class="d-flex align-items-center">
<span>
This text should match the "Submit" text
</span>
<button type="button" class="btn btn-secondary ml-auto">Submit</button>
</div>