Postingan

Memberi Warna pada Bootstrap

Ada beberapa hal dalam menggunakan warna pada bootstrap.

Memberi Border dengan Bootstrap

Untuk memberikan Border atau garis pada sebuah objek dengan menggunakan Bootstrap dapat dilakukan dengan sangat mudah

Code pada Bootstrap

Pada kali ini kita membahas bagaimana kita membuat code - code atau script - script bahasa pemograman dengan menggunakan Bootstrap. Inline Code   Dengan menggunakan tag <code> kita kita bisa membuat tanda - tanda yang menggunakan code seperti < , > dan lain sebagainya  sebagai contoh :   Contoh Code, <code> &lt; section &gt; </code> menampilkan simbol - simbol yang tidak bisa .

Bootstrap Typhography

Gambar
Pada pembahasan typhography kita akan membahas beberapa pembahasan seperti Heading, List, Body Text, Display dan lain sebagainya. Heading   Pada HTML kita dapat membuat Heading dengan menggunakan tag <h1>,<h2>,<h3>,<h4>, <h5> dan<h6>. Namun pada Bootstrap kita dapat membuat heading cukup dengan menggunakan tag <p>.  dengan menambahkan class .h1, .h2, .h3, .h4, .h5 dan  .h6. Sebagai contoh  <p class= "h1" > h1. Bootstrap heading </p> <p class= "h2" > h2. Bootstrap heading </p> <p class= "h3" > h3. Bootstrap heading </p> <p class= "h4" > h4. Bootstrap heading </p> <p class= "h5" > h5. Bootstrap heading </p> <p class= "h6" > h6. Bootstrap heading </p>   sehingga dihasilkan heading text sebagai berikut Display Heading Heading yang kita bahas diatas merupakan heading standart yang juga di...

Pengenalan Struktur File Bootstrap

Gambar
Sebelum mempelajari Bootstrap ada baiknya kita mengetahui struktur file yang ada di dalam Bootstrap. Adapun struktur file Bootstrap dapat dilihat pada gambar dibawah ini Dari gambar diatas dapat kita lihat terdapat 2 folder yaitu folder CSS dan JS. Pada folder CSS terdapat banyak sekali file hingga 12 file. Namun, dari 12 file itu hanya 3 yang biasa kita pakai. Hal itu dikarenakan kesamaan fungsi. Contoh :  Bootstrap.css Bootstrap.min.css Bootstrap.css.map Bootstrap.min.css.map keempat file diatas memiliki fungsi yang sama yaitu fungsi utama Bootstrap. Fungsi - fungsi utama Bootstrap ada di file keempat file diatas. Untuk penggunaannya, kita cukup memilih salah satunya. Bootstrap-grid.css Bootstrap-grid.css.map Bootstrap-grid.min.css Bootstrap-grid.min.css.map Keempat file diatas juga memiliki fungsi yang sama yaitu pengaturan layout. Jadi Bootstrap membagi document menjadi 12 grid atau 12 kotak Bootstrap-reboot.css Bootstrap-reboot.css.map Bo...

Pengenalan Bootstrap

Gambar
Bootstrap adalah sebuah framework untuk HTML, CSS dan Javascript. Banyak template website dab aplikasi android dibuat menggunakan Bootstrap. Bootstrap merupakan framework yang sangat mudah untuk digunakan. Hanya dengan meletakkan nama class maka design bootstrap dapat diterapkan pada design HTML. Sebelum menggunakan Bootstrap, pertama - tama kita download dulu file pendukungnya yang dapat kita download di  https://getbootstrap.com/  sehingga akan dimuncul tampilan home page Bootstrap sebeperti gambar dibawah setelah halaman Home page terbuka akan ditampilkan versi Bootstrap terbaru. Pada gambar saya diatas terlihat versi Bootstrapnya V.4.2.1. Tidak hanya versi Bootstrap yang ditampilkan. Ada juga Button Download. Untuk mendownload File Bootstrap klik Button Download. Maka akan tampil Halaman sebagai berikut  Setelah terbuka halaman download diatas maka akan ditampilkan 2 button download yaitu Compiled CSS dan JS Pada Compiled CSS dan JS terdapat file ya...