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

标签 css bootstrap-4

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

  • 第一个:当我添加文本时,它会在我的顶部按钮周围创建一个白色的圆形
  • 第二个:我正在尝试找到一种干净的方式将文本放在按钮的左侧,但无法确定使用哪种方式( flex ?)

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

这是我想要的:here

z

最佳答案

您可以通过使用 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

关于css - Bootstrap 4 : Put text to the left of a button,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56581661/

相关文章:

html - 底部 body 上的盒子阴影

css - 如何通过大列制作一个基于 sass 的网格系统

javascript - Angular NgbModal beforeDismiss 不起作用

html - 使用CSS隐藏循环中的最后一小时

html - 两个相同的 div id,仅修改一个

javascript - 在线 HTML/CSS/Javascript 学习引用替代 w3schools?

html - 带有 li 列表菜单的不需要的左侧空间

html - 如何将包含两个 div 的列拆分为在较小的屏幕尺寸上并排放置的 div

html - bootstrap 4 中的重叠列

javascript - fa 图标将元素推开