Ilustrasi programmer. Foto: Sigmund/Unsplash
Cara menggunakan Bootstrap untuk websitekamu bisa dilakukan dengan mengikuti tutorial yang akan dibagikan di artikel ini.
Namun sebelumnya, How To Tekno akan membagikan informasi mengenai bootstrap terlebih dahulu. Apa sih bootstrap? Ini adalah sebuah kerangka kerja yang dipakai untuk merancang situs web yang memiliki sifat opne source.
Seorang programmer yang biasa desainweb, pasti mengenal baik CSS untuk menulis sintaks. Namun penulisan sintaks pastinya membosankan, maka dari itu banyak programmer yang memilih menggunakan bootstrap.
Melalui Bootstrap, kamu bisa menggunakan template berbasis HTML dan CSS untuk membuat tombol, navigasi, formulir, dan lainnya. Lalu, bagaimana cara menggunakan bootstrap? Berikut adalah cara menggunakan bootstrap di PHP.
Cara Menggunakan Bootstrap Secara Offline
Ilustrasi Bootstrap. Foto: Pankaj Patel/Unsplash
Ikuti tutorial yang dikutip dari Tutorial Republic mengenai bagaimana tutorial cara membuat website menggunakan bootstrapdi bawah ini.
Buka editor kode favorit kamu dan buat file HTML baru. Mulailah dengan jendela kosong dan ketik kode di bawah ini dan simpan sebagai basic.html di desktopmu. Jangan lupa untuk selalu menyertakan tag dan .
Basic HTML File
Hello, world!
Untuk menjadikan file HTML biasa ini sebagai template bootstrap, cukup sertakan file bootstrap CSS dan JS menggunakan tautan CDN mereka. Selain itu, kamu harus menyertakan file JavaScript di bagian bawah halaman, tepat sebelum tag penutup untuk meningkatkan kinerja halaman web kamu. Lihat sintaks di bawah ini sebagai contoh:
Basic Bootstrap Template
Hello, world!
Setelah menambahkan file CSS dan JS bootstrap ke halaman HTML, maka dapat mulai mengembangkan situs atau aplikasi dengan kerangka bootstrap.
Terakhir simpan file di desktop dengan nama bootstrap-template.html.
Tentang Bootstrap
Ilustrasi programmer. Foto: Sigmund/Unsplash
Bootstrap merupakan sebuah framework yang dipakai untuk desain situs web agar lebih responsif dan menghasilkan tampilan yang dapat disesuaikan dengan ukuran perangkat dan browser user, menurut Husein Alatas [2013].
Sementara itu, dikutip dari Binus Univesity, bootstrap dipakai para programmer karena bisa menyesuaikan kebutuhan situs web, dengan memilih fitur yang akan mereka pakai, apakah menggunakan JavaScript atau CSS.
Sayangnya, meskipun cukup membantu, namun penggunaan bootstrap ini memang harus disertai dengan stylesheet karena beberapa class di dalamnya belum memenuhi kebutuhan programmer.
Nah, sekarang kamu sudah tahu bagaimana cara menggunakan bootstrap secara sederhana dan dasar. Dengan terus berlatih maka kemampuan desain web kamu akan semakin baik.