memakai Bootstrap part 2

memakai bootstrap

tanpa memakai bootstrap

Untuk mempersingkat.. perhatikan 2 gambar di atas. apakah anda melihat perbedaannya? sekilas tidak ada yang berbeda khan!! tetapi sebenarnya font keduanya berbeda. Untuk menggunakan bootstrap cukup menambahkan

<link rel='stylesheet' href='css/bootstrap.min.css' />
<link rel='stylesheet' href='css/bootstrap-responsive.min.css' />
<script src='js/jquery.js'></script>
<script src='js/bootstrap.min.js'></script>

Berikutnya kita akan mencoba fam-icons. Klik linknya dan silakan coba-coba!! download seperti yang diminta lalu letakkan pada folder yang sesuai.. maka kita akan punya folder baru (img) dan file baru di folder css!!

Lalu tambahkan

<link href='css/fam-icons.css' rel='stylesheet' type='text/css' media='all' />

untuk memanggil file css pentingnya.. nah berikutnya inilah target yang kita inginkan

maaf gambarnya kecil.. intinya kamu mendapatkan button yang ada iconnya.. Nah bagaimana cara membuatnya?? intinya kamu bisa memakai 2 metode yaitu

<button class=&uuot;btn btn-small"><i class="fam-bell"></i> Button with FamFamFam icons (button)</button>
dan
<a href="#" class="btn btn-small"><i class="fam-wrench-orange"></i> link with FamFamFam icons (a)</a>

terakhir kamu akan mendapatkan


untuk filenya.. silakan ambil disini

Penjelasan cara menggunakannya dapat dilihat pada tutorial ke 4. Saat ini coba buka file html dan jalankan. Perhatikan nama-nama yang tertera disana.