@html_newbie

Возможно ли сверстать это без повтора одного из блоков?

У меня есть код
<div class="container-fluid list-group-item-secondary">
	<div class="row">
		<div class="col text-center d-none d-sm-block">
			Текстовый заголовок
		</div>
		<div class="col-auto ms-auto text-center">
			<a href="#">Ссылка 1</a>
		</div>
		<div class="col-auto text-center">
			<a href="#">Ссылка 2</a>
		</div>
		<div class="col-auto text-center">
			<a href="#">Ссылка 3</a>
		</div>
	</div>
	<div class="row d-block d-sm-none">
		<div class="col text-center">
			Текстовый заголовок
		</div>
	</div>
</div>

который реализует такое поведение
614c3f738108c696839384.png


Возможно ли изменить код чтобы блок "Текстовый заголовок" не повторялся, а какими-то параметрами Bootstrap (версия 5.1) перемещался?
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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