Bootstrap Tutorial - Mark home admin and settings icon








The following code shows how to mark home admin and settings icon.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<style type='text/css'>
a.icon-block {<!--from  w  w w.j av a2  s . c om-->
  display: inline-block;
  width: 10em;
  float: left;
  text-align: center;
}

a.icon-block i, a.icon-block span {
  display: block;
  width: 100%;
  clear: both;
}
</style>
</head>
<body>
  <a href="#" class="icon-block"> <i
    style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>
    <span>Home</span>
  </a>
  <a href="#" class="icon-block"> <i
    style="margin-right: 0.5em; color: #EEEEEE;" class="icon-th icon-4x"></i>
    <span>Admin</span>
  </a>
  <a href="#" class="icon-block"> <i
    style="margin-right: 0.5em; color: #EEEEEE;" class="icon-cog icon-4x"></i>
    <span>Settings</span>
  </a>
</body>
</html>

Click to view the demo