Cara Menggunakan Bootstrap

-
Logo Bootstrap
Bootstrap adalah framework front-end yang lengkap untuk pengembangan website yang lebih cepat dan mudah. Framework ini mencakup template desain berbasis HTML dan CSS untuk komponen antarmuka pengguna biasa seperti tipografi, form, button, tabel, navigasi, dropdown, alert, modal, tab, accordion, carousel dan banyak ekstensi JavaScript lainnya. Berikut ini cara menggunakan Bootstrap :

  • Download File Bootstrap

Kunjungi situs resmi Bootstrap, lalu klik Download dan pilih "Compiled CSS and JS" seperti gambar dibawah ini :

Halaman Download Situs Bootstrap

  • Download File jQuery

Kunjungi situs resmi jQuery, lalu pilih tab Download dan pilih "Download the compressed, production jQuery 3.3.1" seperti gambar dibawah ini :

Halaman Download Situs jQuery


  • Ekstrak File
Setelah kedua file tersebut sudah di download, pertama ekstrak file Bootstrap lalu pindahkan ke folder yang sudah ditentukan (di sini menggunakan XAMPP), kedua ekstrak file jQouery lalu pindah dan masukkan ke folder Bootstrap seperti gambar dibawah ini :

Lokasi Ekstrak File Bootstrap dan jQuery

  • Buat File Index.php
Selanjutnya buat file Index.php untuk membuat template tombol dan panggil file ""jquery-3.2.1.min.js" dan "bootstrap.min.js" seperti gambar dibawah ini :

Contoh Script File Index.php

  • Test file Index.php
Selanjutnya buka aplikasi Browser untuk mengetes file tersebut, jika Bootstrap dan jQuery berhasil dimuat, maka hasilnya akan seperti ini :



Komentar

Posting Komentar

Postingan populer dari blog ini

Contoh Penggunaan TAG dalam HTML

-
Gambar
HTML Tags Tag adalah suatu penanda untuk menandai elemen-elemen dalam suatu dokumen HTML dan Fungsi Tag itu adalah untuk memberikan instruksi atau memberitahu kepada browser bagaimana suatu objek di tampilkan berdasarkan Tag yang di gunakan, objek disini bisa berupa teks, video, audio dan gambar. Berikut ini contoh penggunaan TAG dalam HTML : Tag Tittle Tag Tittle berfungsi untuk memberikan judul dari sebuah halaman. Berikut ini contoh dari penggunaan Tag Tittle : Script Menggunakan Tag Tittle Maka Hasilnya akan seperti ini : Hasil Menggunakan Tag Tittle Tag Body Tag Body berfungsi untuk membuat tubuh dari sebuah halaman. Berikut ini contoh dari penggunaan Tag Body : Script Menggunakan Tag Body Maka Hasilnya akan seperti ini : Hasil Menggunakan Tag Body Tag Audio Tag Audio berfungsi untuk membuat isi suara atau audio. Berikut ini contoh dari penggunaan Tag Audio : Script Menggunakan Tag Audi...
Baca selengkapnya

Cara Menghubungkan Koneksi Database dengan PHP dan MySQLi

-
Gambar
Cara Menghubungkan Koneksi Database dengan PHP dan MySQLi 1. Membuat Database Pertama harus membuat Database, di tutorial ini menggunakan XAMPP  untuk membuat Database dan diberi nama user_data . Cara untuk membuat Database yaitu klik NEW lalu isi nama Database dan klik Save , seperti gambar dibawah ini : 2. Membuat Directory file Kedua membuat Directory untuk menempatkan file config.php dan file index.php ,di tutorial ini memberi nama Folder pratikum_database  seperti gambar dibawah ini : 3. Membuat file config.php Ketiga membuat file config.php , file ini berfungsi untuk menghubungkan Database. Cara untuk membuat file koneksi.php  yaitu menggunakan Script, seperti gambar dibawah ini :  4. Membuat file index.php Keempat membuat file index.php , file ini berfungsi untuk menyisipkan file config.php  agar bisa melihat apakah database berhasil di hubungkan atau tidak. Cara untuk membuat index.php  yaitu menggunakan Script, sepert...
Baca selengkapnya