Framework7 - Navbar
Deskripsi
Pada bab ini, mari kita pelajari tentang navbar . Ini biasanya ditempatkan di atas layar yang berisi judul halaman dan elemen navigasi.
Navbar terdiri dari tiga bagian yang masing-masing mungkin berisi konten HTML apa pun, tetapi Anda disarankan untuk menggunakannya dengan cara yang diberikan di bawah ini -
Left- Ini dirancang untuk menempatkan ikon tautan kembali atau tautan teks tunggal.
Center - Digunakan untuk menampilkan judul halaman atau tautan tab.
Right- Bagian ini mirip dengan bagian kiri .
Tabel berikut menunjukkan penggunaan navbar secara detail -
S.No | Jenis & Deskripsi Navbar |
---|---|
1 | Navbar dasar Navbar dasar dapat dibuat dengan menggunakan kelas navbar , navbar-inner , left , center dan right . |
2 | Navbar dengan tautan Untuk menggunakan tautan di bagian kiri dan kanan bilah navigasi Anda, cukup tambahkan tag <a> dengan tautan kelas . |
3 | Banyak tautan Untuk menggunakan banyak tautan, cukup tambahkan beberapa <a class = "link"> lagi ke bagian pilihan Anda. |
4 | Tautan dengan teks dan ikon Tautan dapat dilengkapi dengan ikon dan teks dengan menambahkan kelas untuk ikon dan membungkus teks tautan dengan elemen <span> . |
5 | Tautan dengan hanya ikon Tautan navbar dapat disediakan hanya dengan ikon dengan menambahkan kelas khusus ikon ke tautan. |
6 | Aplikasi terkait dan metode tampilan Saat menginisialisasi View , framework7 memungkinkan Anda menggunakan metode yang tersedia untuk navbar. |
7 | Sembunyikan bilah navigasi secara otomatis Navbar dapat disembunyikan / ditampilkan secara otomatis untuk beberapa halaman yang dimuat Ajax di mana navbar tidak diperlukan. |