<div class="icon-bar horizontal">
<a href="#"><i class="fa fa-home"></i></a>
<a href="#"><i class="fa fa-search"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
<a href="#"><i class="fa fa-globe"></i></a>
</div>
Untuk mengubah icon bar menjadi horizontal, kita hanya perlu menambahkan kelas “horizontal” pada tag div yang merupakan wadah icon bar.
Icon Bar Vertikal
Icon bar vertikal adalah tata letak di mana ikon-ikon disusun secara bertumpuk dari atas ke bawah. Icon bar vertikal seringkali ditempatkan di sisi kiri atau kanan halaman web. Icon bar vertikal cocok digunakan untuk menyediakan navigasi tambahan atau menu kontekstual.
Contoh kode HTML untuk icon bar vertikal:
