Responsive modal full width / Окна / Сниппеты Bootstrap

Версия: v1.0

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

Категория: Окна

Bootstrap: 3

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

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

Вес файла: 550.6 Kb

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

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

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

Помощь: установка & настройка

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

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

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

Рейтинг: 4.3 / 5 - 7 голосов

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

Авторство: https://goo.gl/pGduwW

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

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

Теги: Responsive, ModaL, Transition, модаль, Effect, окна, адаптивное, Bootstrap

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

Добавлено: 2016-10-13 в 14:49

Метка: 1581095163

⇄ ⇅

<button class="btn btn-default btn-block cd-modal-trigger">НАЖМИ НА МЕНЯ</button>
 
</div>

</div>
</div>

<div class="cd-modal" tabindex="-1" role="dialog">
 <div class="modal-content" role="document">
 <h1>Responsive modal full width</h1>

<h2>
Responsive modal full width transition effect
 </h2>
 <p>
Адаптивное модальное окно раскрывающееся на всю ширину экрана с оригинальным transition эффектом появления и исчезновения.
 </p>
 <p>
Можно использовать на сайте с подключенным плагином Bootstrap, а так же без него.
 </p>
 <p>
Возможно помещение в контент модали дополнительных элементов, в стилях потребуется дополнительно указать ширину для них, по умолчанию заданы параметры для тегов <code>&lt;p&gt;</code> и <code>&lt;img&gt;</code>
 </p>
 </div>

<a href="#0" class="modal-close">Close</a>
</div>

BootstrapTema

Responsive modal full width

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

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