Anda di halaman 1dari 10

Pemerograman Berbasis Web

Twitter Bootstrap




























Disusun oleh:

Melda Vandy Septiandika
1210651108












PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2014

Twitter Bootstrap adalah framework css opensource (gratis) yang awalnya dikembangkan
oleh tim twitter untuk para web designer. Bootstrap merupakan framework paling banyak
dipakai saat ini. Dibandingkan dengan framework css lain, bootstrap memiliki fitur yang
lebih lengkap dan penggunaannya sangat mudah.

Beberapa fitur twitter bootstrap adalah responsive design, menu dropdown, clean icons, dan
masih banyak lagi. Saat ini, Twitter bootstrap sudah mencapai versi 3. Karena kelengkapan
fiturnya, hampir semua jenis website dapat didesain menggunakan bootstrap.
Langkah-langkah menggunakan bootstrap :
bootstrap/
css/
bootstrap.css
bootstrap.min.css
js/
bootstrap.js
bootstrap.min.js
img/
glyphicons-halflings.png
glyphicons-halflings-white.png
1. css/bootstrap.css berisi style dasar (reset, layout, typography, button) bawaan
bootstrap.
2. css/bootstrap-responsive.css berisi setting responsive desain. Kita bisa memakainya
bersama bootstrap.css untuk membuat style bootstrap menjadi responsive.
3. css/bootstrap-min.css dan
4. css/bootstrap-responsive-min.css versi compressed dari bootstrap.css dan bootstrap-
responsive.css
5. img/glyphicons-halflings.png dan
6. img/glyphicons-halflings-white.png, adalah icon yang digunakan pada bootstrap
dengan teknik spriting.
7. js/bootstrap.js dan
8. js/bootstrap-min.js adalah javascript untuk mengaktifkan berbagai fitur keren bawaan
bootstrap.
Berikut adalah contoh dari bootsrap sendiri :








Berikut adalah souce codenya :
Sebelumnya anda membuat database :



1. koneksi.php

2. index.php

3. input.php

4. output.php


5. deleted.php