<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>
Sama seperti icon bar horizontal, kita hanya perlu menambahkan kelas “vertical” pada tag div untuk mengubah icon bar menjadi vertikal.
Dengan memahami perbedaan antara icon bar horizontal dan vertikal, Sobat Code dapat memilih tata letak yang sesuai dengan desain dan fungsi situs web yang sedang dibangun.
Berikut adalah contoh CSS untuk mengatur tampilan icon bar horizontal dan vertikal:
