Januari 2024

Navigasi Bar

Navigasi Bar adalah elemen antarmuka pengguna yang umumnya terletak di bagian atas atau samping situs web atau aplikasi. Tujuan utamanya adalah memudahkan pengguna untuk berpindah antara berbagai bagian atau halaman situs web atau aplikasi dengan mudah

Berikut adalah contoh Codingan Navigasi Bar :

Dalam Codingan tersebut terdapat beberapa elemen coding yaitu :

1. <nav></nav> yang berfungsi untuk pembuatan navigasi bar

2. <ul></ul> yang berfungsi untuk mendefinisikan list

3. <div></div> elemen yang berfungsi untuk mengelompokkan beberapa elemen dalam satu grup

4. <form></form> elemen yang digunakan untuk membuat blok pada elemen elemen.

Dan ini merupakan hasil dari codingan tersebut :

1. Apa itu Bootstrap?

Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript.

Elemen-elemen bootstrap ada banyak,tetapi kali ini kita membahas bagian container nya saja.

Container adalah fondasi dasar dari blok layout. Container berfungsi untuk membungkus blok di dalamnya, sehingga terlihat rapi terhadap ukuran layar. Container juga memiliki breakpoint. Ukuran kontainer akan 100% pada breakpoint tertentu.

Berikut adalah contoh codingan dari bootstrap container :