<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h2>Bootstrap icon Tabs</h2>
<div class="row">
<div class="board">
<div class="board-inner">
<ul class="nav nav-tabs" id="myTab">
<div class="liner"></div>
<li class="">
<a href="#profile" data-toggle="tab" title="profile" aria-expanded="false">
<span class="round-tabs two">
<i class="glyphicon glyphicon-user"></i>
</span>
</a>
</li>
<li class="">
<a href="#picture" data-toggle="tab" title="picture" aria-expanded="false">
<span class="round-tabs two">
<i class="glyphicon glyphicon-picture"></i>
</span>
</a>
</li>
<li class="active">
<a href="#video" data-toggle="tab" title="video" aria-expanded="true">
<span class="round-tabs three">
<i class="glyphicon glyphicon-facetime-video"></i>
</span>
</a>
</li>
