MEMBUAT PESAN ALERT DENGAN BOOTSTRAP ( PART6 )

Guys kali ini saya akan memposting tentang membuat pesan alert dengan boostrap.

A. Pengertian
Bootstrap adalah framework atau tools untuk membuat aplikasi web atau website yang bersifat responsive secara cepat, mudah dan gratis. Kata 'responsive' disini berarti bahwa tampilan web (lebar dan susunan isinya) dapat berubah otomatis sesuai dengan lebar layar yang menampilkanya.
Salah satu website besar yang menggunakan framework bootstrap. Mengapa bisa demikian? Karena Bootstrap sendiri dikembangkan oleh developer twitter sehingga Bootstrap juga disebut " Twitter Bootstrap" Dengan bootstrap, kita dapat membuat responsive website dengan cepat dan mudah  dapat berjalan sempurna pada browser-browser modern seperti Firefox, Google Chrome, Safari, Opera, Dan Internet Exploler.

B. Latar belakang
Salah satu kemudahan Botstrap yaitu Bootstrap terdiri dari CSS dan HTML untuk menghasilkan Grid, Layout, Tifografi, Tabel, Form, Navigasi dan lain-lain. Di dalam Bootstrap juga sudah terdapat Javascript (jQuery Pluigns) untuk menghasilkan komponen UI yang cantik transtition, Modal, Dropdown, scroolspy, ToolTip, PopOver, Tab, Alert, Button, Carousel, dan lain-lain.

C. Alat dan Bahan

• PC / Laptop
• CSS Bootstrap

Bostrap menyediakan class khusus untuk membuat pesan alert dengan sangat mudah.

• alert-success

          class alert-success digunakan untuk membuat pesan alert yang berwana hijau, biasanya pesan             alert ini digunakan untuk membuat pesan success.

• alert-info

          class alert-info digunakan untuk membuat pesan alert yang berwarna biru, biasanya pesan alert           ini digunakan untuk membuat pesan informasi.

• alert-warning

          class alert-warning digunakan untuk membuat pesan alert yang berwarna kuning, biasanya                   pesan ini digunakan untuk membuat pesan peringatan.

• alert-danger

          class alert-danger digunakan untuk membuat pesan alert yang berwarna merah, biasanya pesan           ini digunakan untuk membuat pesan peringatan.

Hasilnya

D. Refrensi

http://www.malasngoding.com/membuat-pesan-alert-dengan-bootstrap/

E. Penutup

Sekian postingan tentang cara membuat pesan alert semoga bermanfaat.