0%

Fixed width icon in font awesome

Fixed width icon

The fa-fw class is used to set a fixed-width icon. This class is useful when different icon widths are out of alignment. Especially suitable for Bootstrap navigation lists and list groups.

1
2
3
4
5
6
<div class="list-group">
<a href="#" class="list-group-item"><i class="fa fa-home fa-fw"></i> Home</a>
<a href="#" class="list-group-item"><i class="fa fa-book fa-fw"></i> Library</a>
<a href="#" class="list-group-item"><i class="fa fa-pencil fa-fw"></i> Applications</a>
<a href="#" class="list-group-item"><i class="fa fa-cog fa-fw"></i> Settings</a>
</div>