#css #twitter-bootstrap #bootstrap-5
Вопрос:
У меня есть кнопка, которая отображается до определенного момента, используя d-none d-sm-block для этого. Теперь мне трудно выровнять кнопку по концу столбца, когда она отображается, так, как это использовалось до добавления d-none, что-то вроде d-flex justify-content-md-around justify-content-lg-end .
Мой вопрос в том, есть ли способ выровнять кнопку справа от col при использовании d-none .
На всякий случай, вот полный блок (без кнопки перемещения для завершения кода)
<header>
<div class="container-fluid d-grid gap-4 align-items-center p-3" style="grid-template-columns: 1fr 2fr 0.75fr 0.25fr;">
<div class="d-none d-sm-block">
<a class="btn btn-outline-light" style="width: 125px;" asp-area="Identity" asp-page="/Account/Register">Register</a>
</div>
</div>
</header>
Спасибо, что уделили мне время.
Комментарии:
1. где код для содержащего столбца/строки и т. Д.?
2. Мое упоминание о col было плохим, на самом деле он использует контейнер, расположенный в заголовке. Пожалуйста, смотрите правку в вопросе.
Ответ №1:
d-block есть помощники по медиа-запросам d-sm-block и т. Д. d-flex Есть помощники по медиа-запросам d-sm-flex и т. Д.
Если ваш код работает d-flex , то используйте d-sm-flex (нет d-sm-block )