Bootstrap 3 - Tabs

by ian_smithz

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">

<br><br><br><br>

<form class="form-horizontal">
    
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input class="form-input-help" type="text" data-toggle="popover" data-trigger="focus" data-placement="top" data-content="It's so simple to create a tooltop for my website!">
    </div>
  </div>
      
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    <div class="col-sm-10">
      <input class="form-input-help" type="text" data-toggle="popover" data-trigger="focus" data-placement="top" data-content="It's so simple to create a tooltop for my website!">
    </div>
  </div>

</form>

JavaScript

$('.form-input-help').popover();