Scribd Logo
Unggah

Selamat datang di Scribd!

  • Cara Install Bootstrap Versi 5

    Diunggah oleh

    ina.p22059
    6 tayangan4 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan4 halaman

    Cara Install Bootstrap Versi 5

    Diunggah oleh

    ina.p22059

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    CARA INSTALL BOOTSTRAP VERSI 5 SECARA OFFLINE

    1. Buat sebuah folder di xampp / laragon jika di xampp buat di dalam folder htdocs jika di
    dalam laragon buat di www :
    NAMA FOLDER CONTOH : XIRPL4_IMAM buat lagi folder di dalamnya dengan nama
    Latihan_bootstrap
    2. Di dalam folder Latihan_bootstrap Buat sebuah file dengan nama index.php buatlah bisa
    menggunakan visual studio code.
    3. Selanjutnya Buka direktori folder Latihan_bootstrap di dalam visual studio code dengan cara
    Klik File – klik open folder – cari folder Latihan_bootstrap klik tombol select folder. Atau bisa
    melalui cmd dengan cara masuk ke dalam folder XIRPL4_IMAM klik folder Latihan_bootstrap
    pada bagian addres bar ketikkan cmd setelah cmd terbuka ketik code . => perhatikan pada
    gambar.

    4. Dengan menggunakan visual studio code pada file index.php kita buat sebuah struktur html
    dengan cara ketik htm Ketika keluar auto text pilih html:5 dan klik / enter sehingga akan
    tampil seperti ini :
    5. Selanjutny akita kan sambungkan file index.php dengan bootstrap caranya sebagai berikut :
    1. Download terlebih dahulu bahan framework css di link ini : Download · Bootstrap v5.3
    (getbootstrap.com)
    2. Selanjutnya setelah di download paste di dalam folder Latihan_bootstrap kemudian
    ekstrak file dan folder yang ada didalamnya ganti nama folder menjadi assets jika kita
    lihat gambarnya menjadi seperti ini :

    Jika semuanya sudah siap baru kita akan sambungkan link href dengan file css dan js nya.
    Masuk ke file inde.php dengan tampilan awal

    Ketik link pilih link:css dan klik


    Buat juga untuk yang js seperti ini : klik scr pilih script:src
    Untuk hasil nya seperti ini :

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">


    <title>Latihan bootstrap</title>

    </head>
    <body>
    <h1>Hellow world</h1>
    <button class="btn btn-primary">Submit</button>
    <button class="btn btn-secondary">Klik</button>
    <button class="btn btn-danger">Save</button>
    <button class="btn btn-warning">Cancel</button>
    <button class="btn btn-info">Accept</button>
    <button class="btn btn-dark">Delete</button>
    <button class="btn btn-light">Update</button>
    <script src="assets/js/bootstrap.min.js"></script>
    </body>
    </html>

    Hasil di browser :

    Anda mungkin juga menyukai