Cara Memakai Bootstrap Di Localhost Xampp Dan Download File Bootstrap Lengkap

Cara Instal Bootstrap di Localhost - Saat pertama kali di perkenalkan dengan yang namanya pemrograman PHP saya merasa sedikit tertarik, dari sana saya mulai menekuni bahasa pemrograman PHP, berguru menciptakan aplikasi sederhana dan menuntaskan kiprah matakuliah pemrograman web dengan semangat…

Dari membuat login sederhana sampai project web kecil kecilan yang saya coba terapkan memakai bootstrap ini.

Dari mata kuliah pemrograman web tersebut saya di perkenalkan dengan yang namanya Framework Bootstrap.

Pengertian Bootstrap

front-end framework yang responsive, anggun dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan gampang untuk dikembangkan.

Itu pengertian yang di jelaskan oleh website dari Bootstrap tersendiri, Tapi kalau berdasarkan saya bootstrap itu sebuah kumpulan instruksi fungsi yang siap di gunakan.

Tinggal panggil filenya dan kita gunakan fungsinya.

maka di dalam postingan ini saya akan menjelaskan bagaimana cara memakai bootstrap dan instalasinya?

Baca: Membuat cek all data dengan javascript

Sebelum masuk ke pembahasan ini mari kita fikirkan dulu, seberapa pentingkah kita harus mempelajari atau memakai framework bootstrap ini…

Menurut data yang saya ambil dari wikipedi Pada November 2013, Android menguasai pangsa pasar telepon berilmu global, yang dipimpin oleh produk-produk Samsung, dengan persentase 64% pada bulan Maret 2013.  Pada Juli 2013, terdapat 11.868 perangkat Android berbeda dengan bermacam-macam versi. Keberhasilan sistem operasi ini juga menjadikannya sebagai sasaran ligitasi paten "perang telepon pintar" antar perusahaan-perusahaan teknologi. Hingga bulan Mei 2013, total 900 juta perangkat Android telah diaktifkan di seluruh dunia, dan 48 miliar aplikasi telah dipasang dari Google Play.

Maka dengan adanya telepon berilmu itu bukan mustahil si pengguna hanya memakai teleponnya untuk berinternet dan mencari bermacam-macam isu melalui website.

Jika di baca dari pengertian bootsrap tadi, bahwa bootstrap yaitu sebuah framework yang sangat mengedepankan disain web untuk mobile.

bisa dikatakan kita harus menciptakan sebuah situs yang bisa di saluran melalui desktop dan mobile dan tampilan website harus bisa menyesuaikan ukuran layar.

Artinya baik kita mengunakan, desktop, tablet, ataupun handphone website tetap terlihat user friendly atau lezat dilihat.. namun fitur ini bisa di non-aktifkan, jadi kita bisa menciptakan website hanya untuk desktop yang saat di saluran melalui handphone maka website tidak bisa menyesuaikan layar..

Cara Menggunakan Bootstrap

Jika sahabat gres mengenal bootstrap dan ingin berguru maka saobat harus menyiapkan beberapa hal..

1. Sobat harus meyiapkan file distribusi bootstrap, sahabat bisa eksklusif mendownloadnya di link yang sudah saya sediakan.. Download Bootstrap
2. Didalam file yang di ekstract tadi terdapat folder yang berjulukan Docs, buka folder tersebut dan jalankan file index di browser sobat…disana sahabat bisa berguru cara memakai bootsrap…disana lengkap kq dan itu offline..
3. Dan yang terakhir yang tidak kalah penting yaitu sahabat harus memiliki instruksi editor yang lezat di lihat…jika sahabat hanya memakai notepad bawaan windows maka saya sarankan sahabat mending ke maritim aja,,,,hehehe Tinggal download aja di website resmi codelobster, notepad++ dll

Baca : cara upload file di php dan mysql dengan mudah

Cara Instal Bootstrap Di Komputer Localhost

 Ekstract file yang sudah di download kemudian taruh di dalam folder daerah sahabat menyimpan file webnya.
 Contoh
1. Buatlah folder Bootstrap dan taruh seluruh isi file didalamnya..
2. Lalu buka instruksi editor dan buatlah file gres dan copy saja script dibawah ini untuk memanggil seluruh file bootstrap…

<link href="css/bootstrap.css" rel="stylesheet" media="screen"> <link href="css/bootstrap-responsive.css" rel="stylesheet"> <script src="js/jquery.js"></script> <script src="js/bootstrap.js"></script> 

Selanjutnya sahabat bisa buka file offline yang ada di folder Docs.

dan silahkan sahabat baca-baca dan coba-coba cara menerapkan kodenya.

Sampai disini itu dulu yang saya share tentang Cara Menggunakan Bootstrap di Localhost Xampp. Semoga aetikel saya bisa membantu sahabat semua.

Semoga apa yang saya jelaskan bisa diterima, kalau ada pertanyaan bisa eksklusif komentar di bawah ini.

Tweet

Subscribe to receive free email updates: