 |
| Twitter Bootstrap |
Apa itu Bootstrap?
Bootstrap adalah framework HTML, CSS, dan JavaScript paling populer untuk mengembangkan situs web responsif, mobile-pertama. Bootstrap gratis untuk didownload dan digunakan!
Memulai Bootstrap
Sebagai perkenalan awal, saya akan sedikit cerita tentang bootstrap.
Bootstrap adalah kerangka (eng:framework) front-end gratis untuk pengembangan web yang lebih cepat dan lebih mudah.
Didalam bootstrap sudah termasuk desain template HTML dan CSS berbasis tipografi, form, tombol, tabel, navigasi, modals, image carousel dan banyak plugin JavaScript opsional lainnya.
Serta memberikan Anda kemampuan untuk membuat desain responsif dengan mudah.
Apa itu desain web responsif?
Desain web responsif adalah tentang bagaimana cara menciptakan situs web yang secara otomatis menyesuaikan diri untuk terlihat lebih baik pada semua perangkat, dari ponsel kecil, smartphone, tablet sampai desktop besar.
Sejarah Bootstrap
Bootstrap dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter, dan dirilis sebagai produk open source pada bulan Agustus 2011 pada GitHub.
Pada Juni 2014 Bootstrap adalah proyek No.1 di GitHub!
Keuntungan dari Bootstrap :
Mudah digunakan : Siapa saja dengan pengetahuan hanya dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap.
Fitur responsif : CSS responsif yang ada pada Bootstrap ini menyesuaikan dengan ponsel, 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 dua cara untuk mulai menggunakan Bootstrap di situs web Anda sendiri.
Kamu bisa : download Bootstrap dari getbootstrap[dot]com atau menyertakan Bootstrap dari sebuah CDN.
Menyertakan bootstrap CDN jika Anda tidak ingin men-download dan meng-host Bootstrap sendiri, Anda dapat memasukkannya dari CDN (Content Delivery Network) yaitu meng-include url yang berisi file bootstrap. Dalam hal ini, termasuk juga menyertakan jQuery dari CDN
Berikut kodingannya :
<!-- compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Salah satu keuntungan dari menggunakan Bootstrap melalui CDN :
Banyak pengguna internet sudah mendownload Bootstrap dari MaxCDN ketika mengunjungi situs lain. Akibatnya, hal itu akan diload otomatis dari cache ketika mereka mengunjungi situs Anda, ini membuat waktu loading lebih cepat. Serta kebanyakan CDN akan memastikan bahwa setiap pengguna meminta file tersebut, maka akan disajikan dari server terdekat mereka, yang juga membuat waktu loading lebih cepat lagi.
Demikian artikel Belajar Bootsrap Bagian 1 Pengenalan Bootstrap untuk selanjutnya silahkan lihat artikel Belajar Bootstrap Bagian 2 Cara Menggunakan Bootstrap
Belajar Bootstrap Bagian 1 Pengenalan Bootstrap
4/
5
Oleh
rizal
