Bootstrap оповещения (Alerts)

Оповещения

Bootstrap обеспечивает простой способ создания предопределенных предупреждающих сообщений:
Success! Indicates a successful or positive action.Info! Indicates a neutral informative change or action.Warning! Indicates a warning that might need attention.Danger! Indicates a dangerous or potentially negative action.Оповещения создаются с .alert классом,а их 4 .alert-success, .alert-info, .alert-warningили .alert-danger:
<div class="alert alert-success">
  <strong>Success!</strong> Indicates a successful or positive action.
</div>

<div class="alert alert-info">
  <strong>Info!</strong> Indicates a neutral informative change or action.
</div>

<div class="alert alert-warning">
  <strong>Warning!</strong> Indicates a warning that might need attention.
</div>

<div class="alert alert-danger">
  <strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>

Ссылки 

Добавьте alert-link класс к любым ссылкам что бы придать им стиль:
Success! You should read this message.
Info! You should read this message.
Warning! You should read this message.
Danger! You should read this message.
<div class="alert alert-success">
  <strong>Success!</strong> You should <a href="#" class="alert-link">read this message</a>.
</div>

Закрытие предупреждений

Нажмите на символ «x» справа, чтобы закрыть меня.Чтобы закрыть предупреждающее сообщение, добавьте .alert-dismissable класс в контейнер оповещений. Затем добавить class="close"и data-dismiss="alert" к ссылке или кнопке (при нажатии на которую предупреждения исчезнет).
× Нажмите на символ «x» справа, чтобы закрыть меня. Я «исчезну».
<div class="alert alert-success alert-dismissable">
  <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
  <strong>Success!</strong> Indicates a successful or positive action.
</div>

Анимированные оповещения

.fade И .in классы добавляют затухающий эффект при закрытии предупредительного сообщения:
<div class="alert alert-danger fade in">

Исправить недочеты в статье

Для того что бы исправить текст новости, просто выделите нужное место и нажмите ctrl + enter

Материал добавил

7FV

Связь со мной
Телеграм: aslan7f
Скайп: не указан
Добавил статей 26
Группа
Web Дизайнер
Немного обо мне
Всем привет ребят!
Предлагаю услуги по верстке сайтов, доработке уже существующих шаблонов, написание шаблонов с нуля.

Конечно же у вас возникает сразу вопрос, кто я, где мое портфолио и т.д.
Отвечу на этот вопрос:
Кто же я такой? - Я обычный растаман, который накурившись верстает сайты уже лет так 9, рисует иконки, визитки, банеры, логотипы, ретуширует фотографии.

Зарабатываю я на этом? - Скорей нет чем да. Это мое хобби, мне просто нравится все что связано с веб дизайном. Я не говорю что бесплатно все делаю,хотя порой если мне нравится проект и сам клиент как человек, тогда я могу бесплатно поддерживать, помогать с его проектом.

Добавить комментарий


@