Tutorial Bootstrap: Cara Menggunakan Bootstrap Untuk Pemula (Bagian 1)

840

Hallo sobat :-). Setelah sekian lama dan mengajak sobat untuk belajar Database PDO SQLite dengan PHP, pada kesempatan ini penulis kembali mengajak untuk belajar bootstrap yaitu Tutorial bootstrap: Cara menggunakan bootstrap untuk pemula. Framework Front-End bootstrap menyediakan HTML, CSS dan JavaScript yang siap pakai dan mudah untuk dikembangkan sehingga membuat website akan menjadi mudah dan cepat dengan mengedepankan tampilan untuk perangkat mobile seperti handphone dan smartphone dan lain-lain.

Bagaimana cara menggunakan bootstrap?

Mari kita mulai belajar bootstrap secara offline langkah demi langkah… 🙂

  1. Download source code bootstrap versi 3 atau versi terbarunya
  2. Ekstrak file download kemudian pindahkan ke localhost PC anda. Untuk memudahkan nantinya, rename nama folder menjadi bootstrap saja

Cuma 2 tahap kan :-)… Oke kita lanjut, sekarang kita sudah mempunyai source code bootstrap saatnya melihat bagaimana cara menggunakan bootstrap tersebut:

Silahkan copas HTML di atas dan simpan file sebagai index.php. Catatan, folder Source Code bootstrap yang anda download di tempatkan sejajar dengan file index.php ini

Kode diatas artinya kita memanggil file CSS (stylesheet) dengan nama file bootstrap.min.css yang terletak pada folder bootstrap/dist/css/. Silahkan sesuaikan dengan direktori bootstrap pada localhost PC anda. Jika anda jalankan pada browser akan tampak seperti ini

Tutorial bootstrap: Cara menggunakan bootstrap untuk pemula

Sangat mudah kan…dengan adanya bootstrap kita tidak perlu repot lagi dengan urusan stylesheet dari website yang sendang kita buat, tinggal menggunakan yang telah disediakan oleh bootstrap itu sendiri. Componen bootstrap selengkapnya dapat anda lihat di sini

Demikian tutorial bootstrap singkat terkait Tutorial bootstrap: Cara menggunakan bootstrap untuk pemula, nantikan tutorila selanjutnya ya :-). Baca pula artikel lain terjait terkait Design, Programing lainnya hanya di Magzimp.com : Belajar Blogging, Design, Programming dan lebih banyak lagi