Seraphine
@Seraphine

Bootstrap 4. Как расположить кнопки из png картинки в таком положении?

Доброго времени суток. Подскажите, кто знает, пожалуйста.

Не знаю как поставить кнопки-картинки в таком положении, получилось только в 2 одинаковых ряда. Сделать нишу для дополнительных кнопок не получается, да еще чтоб все это смотрелось адекватно на мобильной версии (примерно как на картинке). Пробовала найти что-то подобное в интернете, вопрос корректно сформулировать не могу, т.к. только начала работать с bootstrap.
608a8d4671b9a202155359.jpeg
608a91592eb7d086913247.jpeg
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
<div class="container">
	<h2>заголовок текст и все такое на всю ширину</h2>
	<div class="row">
		<div class="col-md-4">
			<div class="some-item">
				<button>Кнопка-картинка</button>
				<p>text</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="some-item">
				<button>Кнопка-картинка</button>
				<p>text</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="some-item">
				<button>Кнопка-картинка</button>
				<p>text</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="some-item">
				<button>Кнопка-картинка</button>
				<p>text</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="some-item">
				<button>Кнопка</button>
				<button>Кнопка</button>
			</div>
		</div>
		<div class="col-md-4">
			<div class="some-item">
				<button>Кнопка-картинка</button>
				<p>text</p>
			</div>
		</div>
	</div>
</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы