Disain Halaman Login dengan Bootstrap

Seperti yang dijelaskan sebelumnya, untuk langkah pertama kita bisa mulai dengan membuat disain halaman login dengan bootstrap. Kali ini kita akan berkutat dengan code html dengan menggunakan css framework Bootstrap. Jadi pastikan instalasi bootstrap nya sudah berhasil dengan baik. Bagaimana caranya, mari kita simak ya.



Kita akan mulai langsung ke file bootstrap.html yang sudah kita sudah buat sebelumnya di artikel integrasi bootstrap dan php.

Kita akan edit file bootstrap.html untuk menambah judul dan menu sederhana di bagian atas. Caranya?

Buka website bootstrap, dan ke bagian compontent bootstrap.

Kali ini kita berkenalan dengan navbar, sesuai namanya, navigation bar, baris navigasi, maka kita akan tambahkan sebuah navbar di halaman login.html kita.

Selanjutnya kita akan ganti nama file bootstrap.html menjadi login.html

Kemudian menambahkan kode navbar,



Setelah disimpan, kita bisa melakukan pegujian dengan melihat hasilnya di http://localhost/login.html . Berikut hasilnya



Saatnya sekarang kita menambahkan form login, kita bisa langsung membuka halaman