css - Bootstrap 4 : Put text to the left of a button

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>

这是 codepen 上的解决方案:https://codepen.io/anon/pen/dBYbgj