Как сделать кнопки на одном уровне?

Question

[test-cats]

Есть несколько карточек, которые имеют в себе разное количество текста и кнопку. Как сделать, чтобы кнопки были на одном уровне? Желательно с использованием bootstrap4 тк эта библиотека в проекте. Всем большое спасибо за ответы

<div class="row">
<div class="col-lg-3">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, totam!</p>
		<button>click</button>
	</div>
<div class="col-lg-3">
		<p>Lorem Adipisci, totam!</p>
		<button>click</button>
	</div>
</div>

Comments

[Тигран Абрамян]

Пробуйте

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

[Rustam Bainazarov]

Зачем плодить три одинаковых вопроса и с разных аккаунтов?

Как сделать кнопки на одном уровне?

Как выровнять кнопку?

Вы не в состоянии добавить любой класс к вашей колонке и скопировать вот отсюда три правила и 6 строчек кода? (https://jsfiddle.net/1rp6ck34/)

Ну давайте тогда за вас сделаю это я:



Ширину у .el только уберите, они у вас Bootstrap'ом вашим будут заданы. Либо вообще не используйте колонки Bootstrap'а тут, т. к. они не позволят сделать нормальные отступы между элементами, как в моём примере.

[test-cats]

Рустам Байназаров, у бутстрапа есть просто классы для решения данной задачи как я понял на основе которых можно сделать то что вы написали в примере, хотя может быть я и ошибаюсь

[Rustam Bainazarov]

test-cats, берёте нужные свойства из примера, открываете документацию и ищите утилитарный класс, если он есть.

https://getbootstrap.com/docs/4.3/utilities/flex/

[Andrej Sharapov]

Тот же вопрос, другой ваш аккаунт. За это можно словить бан) https://toster.ru/help/rules
Как сделать кнопки на одном уровне?

Answer 1

[Rustam Bainazarov]

Столкнулся сегодня с Bootstrap, вот ваш случай с классами оного фреймворка. Не плодите больше, пожалуйста, этот вопрос одинаковый.

Answer 2

[Дмитрий Хватов]

Без bootstrap4 . Можно поместить их в один контейнер и использовать float: left; и нужный margin