Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Sydney_o9

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<nav class="navbar navbar-default">
   <div class="container-fluid">
      <div class="navbar-header">
         <a class="navbar-brand" href="#">You're the man</a>
      </div>
      <nav>
         <ul class="nav nav-pills pull-right">
            <li>
               <button id="my-button" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?" class="pull-right">My Button</button>
            </li>
         </ul>
      </nav>
   </div>
   <!--/.container-fluid -->
</nav>

CSS

#my-popover {
    left: -169px!important;
}

#my-popover .arrow {
    left: 90%
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */
$("#my-button").popover({
        html : true,
        placement: 'bottom',
}).data('bs.popover').tip().attr('id', 'my-popover');