Menu

  • 0812 7124 5514
  • 0878 9929 7914
  • Pin BB 587FBF31
  • frwebhost@gmail.com

FR-System

Detail Artikel

Home/ Bootstrap/Detail Artikel

01 Pengenalan Bootstrap

Apa Itu Bootstrap?

Bootstrap adalah Front-End Framework yang dapat di unduh secara gratis dan sering digunakan oleh para web developer untuk memudahkan dan mempercepat dalam membangun Desain Website, dan bootstrap juga mengedepankan tampilan yang responsive yaitu hasil akhir dapat menyesuaikan perangkat yang kita gunakan apakah menggunakan PC/Laptop, smartphone atau tablet. di dalam Bootstrap terdapat File-File pendukung seperti HTML,CSS  dan javascript yang siap kita gunakan untuk membangun seperti typography, formulir, tombol, tabel, navigasi, modal message, corausel/slide gambar, dan masih banyak yang lain.

Kenapa Menggunakan Bootstrap?

diantaranya kenapa kita harus menggunakan bootstrap adalah

  • Easy to Use atau mudah digunakan : penggunaan bootstrap cukup mudah dipelajari untuk orang baru belajar pemrograman Web, karna cukup mempelajari dasar-dasar HTML dan CSS, anda sudah bisa menggunakan bootstrap.
  • Responsive Website : bootstrap memudahkan kita untuk membangun website secara responsif, website yang anda bangun nantinya akan otomatis menyesuaikan perangkat yang digunakan seperti Komputer Desktop/Laptop, Smartphone atau tablet.
  • Compatible Browser : bootstrap dapat dijalankan disemua jenis browser terbaru seperti Google Crhome, Firefox, Internet Explore, Safari, Opera,dan masih banyak yang lainnya.

Untuk Apa itu bootstrap?

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Langkah apa Saja yang harus saya lakukan untuk belajar Bootstrap?

langkah awal untuk belajar bootstrap, anda harus download terlebih dahulu paket bootstrap secara gratis, dengan membuka alamat http://getbootstrap.com dan silahkan anda klik tombol Download Bootstrap.

Tampilan awal Bootstrap seperti gambar di bawah ini

 
Setelah klik Download, anda akan diarahkan ke halaman download dan disitu ada 3 pilihan Download. Yaitu Bootstrap, Source Code dan Sass. Silahkan pilih Bootstrap.
 
 
jika sudah, maka hasil yang di download tadi di extract dan hasilnya seperti gambar di bawah ini
 
  
 
Selain Download Melalui situs getbootstrap.com, anda bisa juga menggunakan Bootstrap langsung melalui CDN (Content Delivery Network) dengan alamat https://www.bootstrapcdn.com  ,

Bentuk script jika kita gunakan Bootstrap CDN seperti dibawah ini
<!-- Ini Perintah Memanggil File CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Ini Perintah Memanggil File jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<!-- Ini Perintah Memanggil File Javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Ok sekian untuk pembukaan artikel tentang bootstrap. selanjutnya kita akan pelajari bootstrap dari dasar. sekian dan terima kasih.

Artikel Lainnya

Komentar Anda

rocx2

0 Komentar

komentar masih kosong

Produk Kami

Popular Post

Facebook Page

Statistik Pengunjung

  • Hari ini
    :
    492
  • Kemarin
    :
    452
  • Bulan ini
    :
    10005
  • Tahun ini
    :
    184126
  • Total
    :
    1183338
  • Hits Count
    :
    2380596
  • Now Online
    :
    1 User