Cara Menggunakan Component dan css Pada Bootstrap - Gerald Inside

Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english
Lihat Juga Konten Menarik Di Channel Youtube "Gerald Inside"

Cara Menggunakan Component dan css Pada Bootstrap

Pasti ada yang bertanya-tanya, gimana sih menggunakan component" pada bootstrap ataupun css nya.
pada postingan ini mimin akan kasih tips gimana menggunakanya. sebelum itu sediakan dulu cemilan dan tenaga agan agan :D ydah lansung saja ke topiknya yaitu ..

1. pastikan agan terkoneksi dengan internet(kalo gk gmna? cari yg gratis :D)
2. download bootstrap terlebih dahulu disini
3. download aplikasi untuk membuat website seperti sublimetext atau bisa juga menggunakan notepad biasa, tapi mimin nyaranin pake sublimetext yah ^^ agan bisa download sublimetext disini


4.  disini sebagai koneksi mimin make xampp, kalo belum ad bisa download disini .. kalo agan pengen makai wampp juga bisa ..

5. mari ketahap selanjutnya 
6. jika semua tahap diatas sudah selesai buka sublimetext agan, okeh ambil new file
7. kemudia buka bootstrap yang siap agan extract tdi .. buka bootstrap kamudia klik tulisan component misal kita menggunakan glyphicon
8. agar bisa menggunakannya kita menggunakan syntax "class", sebagai contoh :
<span class="glyphicon glyphicon-heart">kamu</span>
hasil:
 nb: disini kita gak harus menggunakan <span></span> kita bisa menggunakannya menggunakan syntax apapun menurut mimin sih .. yang penting tulisan "class" jangan sampe lupa. karena itu yang membaca glyphicon.   "Class" juga bisa membaca deklarasi CSS yang kita buat 
contoh: 

css dengan deklarasi kita sendiri:
<style>
.aku{padding-top:10px; background-color:green;}
.kamu{padding-bottom:20px; background-color:red;}
</style>

syntax: <span class="glyphicon glyphicon-heart  aku">kamu</span>
hasil: 

nb: kenapa disaat deklarasi css mimin menggunakan tanda titik (.) dan hastag atau pager(#) karena deklarasi dengan tanda titik hanya bisa digunakan dengan syntax "class" dan yang hastag atau pager hanya bisa digunakan dengan "id"
kalo agan kurang mengerti bisa contact saya disini
Traktir creator minum kopi dengan cara memberi sedikit donasi. klik icon panah di atas
Content Creator | Cyber Security Enthusiast | Web, Desktop & Android Developer

Post a Comment

© Gerald Inside. All rights reserved. Developed by Jago Desain