• Гость
For-Web
  • Главная
  • Вебмастеру
    • Блог
    • SQL
    • PHP
    • JavaScript
    • CSS
    • HTML
    • Литература
  • Скрипты, Soft, APP
    • Bitcoin
    • Соц сети
    • Реклама, Буксы
    • Интернет магагзин
    • Браузерные игры
    • Скрипты хостинга
    • Мобильные приложения
    • Программы
  • Data Life Eingine
    • Модули
    • Хаки
    • DLE шаблоны
  • Bootstrap
    • Шаблоны
    • Плагины
    • Сниппеты
    • Пособие Bootstrap
  • Дизайн и Графика
    • PSD макеты
    • Mocups Free
    • Иконки, Кнопки
    • Шрифты,Текст
    • Текстуры, Фон
    • Анимация
    • Формы
    • Палитра
    • Галерея
    • Раскладка
    • Модальное окно
    • Элементы загрузки
    • Меню и навигация
    • Таблицы
    • Украшения для сайта
    • Фотошоп
  • Шаблоны сайтов
    • WAP шаблоны
    • HTML 5 шаблоны
    • Админка
    • Автомобили
    • Аниме
    • Блоги
    • Бизнес и Финансы
    • Игровые
    • Женские
    • Заглушки
    • Кинопорталы
    • Кулинарные
    • Лендинг
    • Мобильные
    • Музыкальные
    • Новостные
    • ПО, IT
    • Портфолио
    • Природа
    • Строительство
    • Спорт
    • Хостинг
    • Адалт
    • Страницы 404
  • Инфо
    • О проекте
    • Обратная связь
    • Уроки
    • Статистика
    • Privacy Policy
главная » Модальное окно » Модальное окно Bootstrap

Модальное окно Bootstrap


При нажатии на кнопку появляется модальное окно в виде alert, с информацией о которой нужно предупредить посетителя, готовый HTML код для Bootstrap 3..

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified jаvascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type='text/jаvascript' src='https://code.jquery.com/jquery-1.10.1.js'></script>

<style>
 .modal {
 padding-right: 0;
 background-color: rgba(2, 2, 2, 0.4);
 }
 
 .modal-dialog {
 top: 20%;
 width: 100%;
 position: absolute;
 }
 
 .modal-content {
 border-radius: 0;
 border: none;
 top: 40%;
 }
 
 .modal-body {
 background-color: #0f8845;
 color: #fff;
 }
</style>
<div class="container">
 <div class="row">
 <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Открыть Модаль</button>
 <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
 <div class="modal-dialog modal-lg">
 <div class="modal-content">
 <div class="modal-body">
 <H2>Модальное окно</H2>
 <h4>Модальное окно для вывода дополнительной информации.</h4>
 </div>
 </div>
 </div>
 </div>
 </div>
</div>

Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию. Это займёт не более минуты. Не волнуйтесь, мы не спамим!

Модальное окно Bootstrap

Вы находитесь на странице скачивания файла. Все скрипты храняться на яндекс диске. Кнопки скачивания файла  находятся внизу страницы. Если нет кнопки  , то значит нет файла. Нет файла - просьба сообщить администратору  любым удобным способом. Спасибо большое за понимание!

Реклама - на страницах сайта, а также на странице загрузки файлов - это вынужденная мера для поддержания проекта на плаву. Я не принуждаю Вас кликать по рекламе, если конечно она вас не заинтересовала.

Да и самое важное, все материалы носят ознакомительный характер, все файлы взяты из открытых источников, соответственно Вы их используете на свой страх и риск. За риски связанные с утечкой данных, хищение средств и прочее при использовании скриптов администрация сайта ответственность не несёт!



  • Комментарии
  • О статье
  • Похожие новости
У данной публикации нет комментариев.

admin

Автор

15-10-2020, 21:32

Дата

Модальное окно / Bootstrap сниппеты

Категория
  • Комментариев: 0
  • Просмотров: 428
Учебник Bootstrap
Руководство Bootstrap Alert
Bootstrap сниппеты
Адаптивный Canvas Bootstrap сниппет
Блог
DataLife Engine v.15.0 Press Release
Учебник Bootstrap
Руководство Bootstrap Form
Формы / Bootstrap сниппеты
Добавление дополнительного Input на Bootstrap
Bootstrap шаблоны
Шаблон начальной загрузки на Bootstrap 4
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Комментарии
Дмитрий Николаев, Уже нет , этот я продал , не хотел , но устал . Так как админ хороший (она) не стала удалять права на
28 декабря 2022 20:07

nika

Дмитрий Николаев, Не за что , с наступающим Вас
28 декабря 2022 20:01

nika

как установить и зайти в админку. Нет файла install.php
26 декабря 2022 23:09

povar

nika, У вас два сайта?
24 декабря 2022 15:24

Дмитрий Николаев

nika,Спасибо! Вроде работает. 
24 декабря 2022 12:31

Дмитрий Николаев

Сколько часов ,Вы проводите за компьютером

  • For-WEb.Ru 2018 - 2022  

Авторизация


Регистрация Забыл пароль