Bootstrap 4

Kita melanjutkan pembahasan mengenai  Bootstrap 4  dan kita akan membahas mengenai scrollspy. Dari namanya kita memahami bahwa kita akan mengintai scroll yang digunakan pengunjung website kita kemudian menampilkan hasilnya di suatu tempat yang mudah dilihat dan untuk contoh kali ini kita

Ketika kita mengembangkan sebuah aplikasi berbasis web pasti kita akan membuat form-form pengisian data. Kita dapat membuat form menggunakan Bootstrap 4. Langkah-langkah membuat form pada Bootstrap 4 ini adalah tag form tentukan ukuran colom untuk label dan input membuat div

Artikel selanjutnya adalah memahami alert pada Bootstrap 4. Dengan alert ini kita ingin menonjolkan suatu pesan di mana pengguna dapat diarahkan perhatiannya agar memperhatikan dan memahami suatu pesan penting. Secara teknis untuk membuatnya kita membuat div dengan class alert dan

Selanjutnya kita meneruskan pembahasan Bootstrap 4 ini dengan menampilkan icon menggunakan font Awesome. Kita akan membahas mengenai instalasi font Awesome kemudian dilanjutkan dengan tutorial mengenai penggunaan font Awesome ini. Instalasi font Awesome pada Bootstrap 4 ini adalah: Download font Awesome

Pembahasan selanjutnya adalah modal atau dialog pada Bootstrap 4. Konsep pembuatan modal atau dialog pada Bootstrap 4 ini adalah Button dengan data-toggle=”modal” data-target=”#dialogku” Div dengan class=”modal” id=”dialogku” role=”dialog” Div dengan class=”modal-dialog” role=”document” Div dengan class modal-content Jika menggunakan Javascript: $(“#dialogku”).modal(‘show’);

Kita akan meneruskan pembahasan Bootstrap dan sampailah kita kepada pembahasan mengenai membuat slideshow pada Bootstrap 4. Pada Bootstrap 4 kita dapat membuat slideshow dengan menggunan Carousel. Prinsip pembuatan slideshow atau carousel pada Bootstrap 4 adalah Div dengan: class=”carousel slide” data-ride=”carousel”

Pada saat kita melakukan browsing pada sebuah website kita mungkin masuk ke menu, sub menu, submenu berikutnya, melihat artikel mengklik artikel terkait dan seterusnya. Dengan demikian kita mungkin mengembara dalam hutan website tersebut. Pada saat mengembara ini kita mungkin ingin

Setelah kita membicarakan penggunaan tab untuk suatu sub navigasi, pada artikel kali ini kita akan membicarakan sub content dengan menggunakan tab. Jadi kita akan membuat sebuah halaman dengan content yang dibagi-bagi ke dalam sub content menggunakan tab Bootstrap 4. Konsep

Pembahasan mengenai Bootstrap kali akan membahas mengenai sub navigasi tab pada Bootstrap. Pada saat merancang aplikasi ataupun membuat website company profile kita mungkin mempunyai menu utama dan juga sub menu. Kita telah membahas mengenai pembuatan menu utama menggunakan Bootstrap pada

Card pada Bootstrap 4 adalah sebuah container yang fleksible untuk content. Pada implementasi di Bootstrap ini menggunalan class card pada CSSnya. Secara garis besar pada card ini ada header Pada header ini kita akan membuat div dengan class card-header. body