Bootoast / Улучшение / Плагины Bootstrap

Версия: v1.0.0 Beta 2

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4

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

Язык: Английский

Вес файла: 4.0 Kb

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

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

Скачать бесплатно

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

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

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

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

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

Авторство: https://github.com/odahcam/bootoast

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

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

Теги: alert, Plugin, Уведомления, Notifications, Bootstrap

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

Добавлено: 2017-08-08 в 22:14

Метка: 1583652753

⇄ ⇅

<div class="container">
<h1 class="text-center">BootstrapTema & Bootoast</h1>
<div class="row">

<div class="col-sm-4 col-sm-offset-4">
 <button id="info" class="btn btn-info btn-block">Info</button>
 <button id="success" class="btn btn-success btn-block">Success</button>
 <button id="warning" class="btn btn-warning btn-block">Warning</button>
 <button id="danger" class="btn btn-danger btn-block">Danger</button>
 </div>

</div>
</div>

$( "#success" ).click(function() {
 bootoast({
 message: 'This is a success toast message',
 type: 'success',
 position:'right-bottom'
 });
 });

$( "#warning" ).click(function() {
 bootoast({
 message: 'This is a warning toast message',
 type: 'warning',
 position:'right-bottom',
 timeout:2
 });
 });

$( "#danger" ).click(function() {
 bootoast({
 message: 'This is a danger toast message',
 type: 'danger',
 position:'right-bottom',
 timeout:2
 });
 });
 </script>

BootstrapTema

Bootoast

Скриншот

Подробнее

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

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

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