Hello World BOOTSTRAP

01/02/2014    Arya Febiyan    1536     Website

Bootstrap adalah toolkit untuk menjadikan sebuah halaman menjadi responsive,. Bootsrap menyebut dirinya dengan sebutan front-end framework, sepengetahuan Saya yang dikembangkan oleh tim developer twitter (kalau tidak salah).

Launching pertamanya pada saat ajang hackweek. Framework ini dibangun dengan CSS dan JavaScript. Dengan bootsrap maka halaman website Kamu menjadi responsif bila diubah ukuran lebar layar monitornya.

Framework ini gratis dan bisa didownload disini. Setelah didownload (kalau Saya memilih original source saat mendownload) maka extract dan buatlah struktur folder seperti gambar dibawah ini :

kursus web, kursus website, kursus web design

Jika sudah melihat struktur folder dan file diatas, maka ketiklah baris program dibawah ini untuk file hello.html :

kursus web, kursus website, kursus web design

Penjelasan : viewport berfungsi untuk deteksi di mobile, sedangkan yang Saya beri kotak merah adalah framework Bootstrap.

Untuk style.css saya hanya menambahkan script body {margin:20px;padding:20px}

Berikut adalah outputnya :

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More