Tampilkan postingan dengan label Instalasi. Tampilkan semua postingan
Tampilkan postingan dengan label Instalasi. Tampilkan semua postingan

Sabtu, 13 Februari 2016

Belajar Instalasi Bootstrap

Sedang pengen share cara penggunaan bootstrap di web , siapa tau bisa bermanfaat dan sekaligus buat bahan pengingat klo kapan-kapan lupa cara pakenya :D



Nah , langsung aja deh penjelasannya ...
Untuk menggunakan Bootstrap kita bisa menggunakan dengan 2 cara , yaitu :



1. Akses langsung ke internet.
Untuk cara yang satu ini sangat mudah dalam penggunaannya , tetapi kekurangnya kita harus terkoneksi ke internet karena kita mengakses file-file bootstrapnya secara langsung via Internet.
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
2. Download file nya dan kita akses melalui file lokal kita .
Cara yang kedua ini sedikit lebih ribet dari cara yang pertama , karena kita harus menyesuaikan projek kita dengan lokasi file bootstrap yang sudah kita download .
    Berikut ini akan saya coba sampaikan beberapa langkah-langkah yang kita perlukan untuk melakukan instalasi Bootstrap ke projek kita .
-   Download File Bootstrap di http://getbootstrap.com/getting-started/#download

Struktur file bootstrap
  - Buat file contoh , untuk mempermudah silahkan meniru contoh code HTML dibawah ini :





  - Selanjutnya simpan file kita di folder bootstrap yang barusan kita download , maka kurang lebih letaknya akan seperti ini :
index.html merupakan nama file yang barusan kita buat dengan menggunakan kode HTML diatas.   
Nah setelah dijalankan di browser , maka hasilnya kurang lebih akan seperti gambar dibawah :



 
Nah demikian , panduan singkat dari saya tentang panduan instalasi Bootstrap ke projek kita , untuk lebih dalam tentang Bootstrap silahkan teman-teman eksplorasi sendiri di Official Website nya :




Nah , demikian post dari saya tentang Instalasi Bootstrap nya , jika ada pertanyaan , kritik dan saran , silahkan disampaikan , jangan sungkan untuk menyampaikan pendapat

Terima Kasih .