Dasar Memulai untuk Belajar Bootstrap
Apa itu Bootstrap .. ?
Temen-temen yang masih bingung apa itu bootstrap .. ? belum nemu sama penjelasan mengenai bootstrap.. nih admin berikan pengertian / defenisi dari bootstrap
- Bootstrap adalah sebuah Front-end Framework untuk mempercepat dan memudahkan bagi web development
- Bootstrap menyertakan HTML dan CSS untuk mendesaign template berbasis tipografi, didalamnya sudah disertakan desain seperti Forms, buttons,tabel , menu , modal ,masih banyak lagi, serta sudah menyerktakan pilihan plugin javascript yang siap kita gunaan untuk mendesain web
- Bootstrap juga memudahkan anda untuk membuat desain website yang responsive
Apa itu Desain Web Responsive?
Desain web responsive merupakan desain website yang bisa menyesuaikan dengan berbagai platform yang ada pada saat sekarang ini (2016) , dari smartphone ,perangkat yang kecil untuk mengakses internet, sampai dengan desktop atau komputer.
Sejarah Bootstrap
Bootstrap merupakan hasil karya dari manusia yang bernama "Mark Otto dan Jacob Thornton" dan pertama kali di hadirkanlewat Github di publik pada bulan Agustus 2011 dan bersifat open source
Kenapa Menggunakan Bootstrap?
Beberapa keuntungan menggunakan Bootstrap sebagai Front-End Fremework kita untuk mendesain website yaitu :
- Mudah di gunakan : Siapa saja dengan dasar pengetahuan HTML dan CSS dapat menggunakan Bootstrap
- Fitur Responsive : Bootstrap memiliki fitur responsive yang dapat menyesuaikan dengan bentuk device / perangkat seperti handhone, Tablet dan Desktop
- Pendekatan Mobile-pertama: Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
- kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)
Dimana Mendapatkan Bootstrap ?
Ada 2 buah cara untuk mendapatkan Bootstrap dan memulai pada website anda sendiri, yaitu :
- Download / Unduh Bootstrap dari getbootstrap.com
- Dengan menyertakan bootstrap dari a CDN
Downloading Bootstrap
Jika kita ingin mendownload Bootstrap untuk digunakan sendiri pada host kita, kunjungi website getbootstrap.com, dan silahkan ikuti intruksinya
Bootstrap CDN
Jika kita tidak ingin mendownload dan menyertakan Bootstrap pada host anda sendiri, kita dapat menyertakan dari CDN (Content Delivery Network). adapun script yang digunakan adalah :
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Haha.. gak terasa sudah panjang juga admin menjelaskan.. mengenai Dasar Belajar Bootstrap Bahasa Indonesia ini,, Mudah-Mudahan Berguna , dan nantikan postingan selanjutnya dalam " Tutorial Belajar Bootstrap Bahasa Indonesia"
Produk Rekomendasi
Artikel Terkait
- Merubah warna Menu navigation bar Bootstrap
- Cara Menampilkan Bulan dan Tahun di Detepticker Bootstrap
- Manampilkan Data di Modal Bootstrap Sebelum Submit Form
- Login And Registration Form With Bootstrap
- Membatasi Karakter input Textarea di Bootstrap
- Membuat Form Login Responsive Dengan Bootstrap
- Membuat Modal Bootstrap
- Cara Membuat Tanggal Detepticker bootstrap selalu dibawah
- Cara Membuat Pencarian di Modal Bootstrap
- Membuat Form Kontak dengan modal bootstrap dan ajax