Разделитель ссылка - Divider CSS / Элементы / Сниппеты Bootstrap

Версия: v1.0.0

Каталог: Сниппеты Bootstrap

Категория: Элементы

Для Bootstrap: 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, Laravel, WHMCS

Язык: Русский

Вес файла: 0.6 Kb

Уникальный ID: 5412

Количество символов:

Посмотрели: 87 раз

Прикреплён файл №2: /stuff/0-0-0-5412-20

Скачали бесплатно: 1 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 1 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: элемент, element, Bootstrap, Snippet, сниппет, Разделитель, divider

Поделился: BootstrapТема

Добавлено: 2022-07-20 в 16:06

Метка: 1658322410

⇄ ⇅

<h3 class="fw-bold text-center">Разделитель ссылка - Bootstrap 4.x & 5.x версий</h3>

<code><pre>
&lt;style&gt;
.link-divider{position:relative}.link-divider:after{position:absolute;content:"";left:0;top:50%;height:2px;width:100%;background-color:#d8e2ef;z-index:-1}
&lt;/style&gt;
&lt;div class="d-flex justify-content-center link-divider"&gt; 
&lt;a href="https://bootstraptema.ru/" class="text-700 fw-bold bg-white px-3"&gt;
+15 фото
&lt;/a&gt;
&lt;/div&gt;
</pre></code>

</div>

BootstrapTema

Разделитель ссылка - Divider CSS

Скриншот

Подробнее

Похожие

Архив

Всего комментариев: 0