Bootstrap 4: поместите текст слева от кнопки

Question

У меня есть 2 кнопки друг на друга.Я пытаюсь добавить текст слева от нижнего, но я сталкиваюсь с двумя проблемами:

• Первая: она создает белую круглую форму вокруг моей верхней кнопки, когда я добавляюtext
• Второй: я пытаюсь найти чистый способ поместить текст слева от кнопки, но не могу понять, какой способ использовать (flex?)

Вот мой код: https://codepen.io/anon/pen/LKVwLG

Вот что я хочу: здесь

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

Answer 2

@ София. Вы правы, но для достижения цели ОП необходимо использовать другое свойство flexbox

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

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