Bootstrap 4：在按钮的左侧放置文本

Question

我彼此之间有2个按钮。我正在尝试在底部的左侧添加一些文本，但遇到了2个问题：

• 第一个：添加文字后，它会在顶部按钮周围产生一个白色的圆角形状
• 第二个：我正在尝试寻找一种干净的方法来将文本放置在按钮的左侧，但无法弄清楚该使用哪种方法（flex？）

这是我的代码：https://codepen.io/anon/pen/LKVwLG

这是我想要的：here

z

Answer 1

您可以通过使用flexbox来实现。 使用“ display：flex”，一切并存。 您在此处（https://css-tricks.com/snippets/css/a-guide-to-flexbox/）上有更多关于flexbox的信息。这非常有用！

解决方案：

<div style="display:flex">
   <span>some text</span>
   <button>Button1</button>
</div>

以下是有关码笔的解决方案：https://codepen.io/anon/pen/dBYbgj

Answer 2

@SofiaChaves是正确的，但是要实现OP的目标，您需要使用flexbox的其他属性

.blockElement {
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
}

Codepen：https://codepen.io/anon/pen/bPVKLJ