belajar bootstrap4, tutorial Bootstrap 4

Membuat alert di Bootstrap 4 | Tutorial Bootstrap 4

Alert adalah tampilan sesaat yang berfungsi menginformasikan hasil dari sebuah proses apakah berhasil atau tidak. alert bisa juga digunakan untuk menampilkan error. Bagaimana cara membuat alert di Bootstrap 4 ?

Untuk membuat alert, bisa digunakan class .alert yang diikuti oleh class untuk jenis alert seperti .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light atau .alert-dark.

Berikut ini adalah contoh coding untuk alert:

<div class="alert alert-success">
  <strong>Success!</strong> Untuk menunjukkan informasi bahwa proses berhasil.
</div>
<div class="alert alert-info">
  <strong>Info!</strong> Untuk sekedar informasi ke user.
</div>
<div class="alert alert-warning">
  <strong>Warning!</strong> Untuk perhatian user.
</div>
<div class="alert alert-danger">
  <strong>Danger!</strong> Untuk informasi error.
</div>

Hasilnya:

Success! Untuk menunjukkan informasi bahwa proses berhasil.
Info! Untuk sekedar informasi ke user.
Warning! Untuk perhatian user.
Danger! Untuk informasi error.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>