Bootstrap Tabs

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
            <ul class="nav nav-tabs" id="myTab">
			  <li class="myLi"><a data-target="#home" data-toggle="tab">Home</a></li>
			  <li><a data-target="#profile" data-toggle="tab">Profile</a></li>
			  <li><a data-target="#messages" data-toggle="tab">Messages</a></li>
			  <li><a data-target="#settings" data-toggle="tab">Settings</a></li>
			</ul>

			<div class="tab-content">
			  <div class="tab-pane active" id="home">Home</div>
			  <div class="tab-pane" id="profile">Profile</div>
			  <div class="tab-pane" id="messages">Message</div>
			  <div class="tab-pane" id="settings">Settings</div>
			</div>

CSS

li.myLi {
          list-style-image: url(http://www.mariowiki.com/images/thumb/e/e9/Check_mark.svg/50px-Check_mark.svg.png);
          /* Путь к файлу с маркером */
        }

JavaScript

jQuery(function () {
    jQuery('#myTab a:last').tab('show')
})