Bootstrap Fade Tabs

Bootstrap Fade Tabs

by Andrew Pougher

HTML

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

    <div id='content' class="tab-content">
      <div class="tab-pane fade in active" id="home">
      <p>987
</p><p>
Eu habeo alienum omittantur vix. Te alii error tibique nec. Mei illum cetero neglegentur id, malis altera audire duo eu. Ea quaestio euripidis est, pro ea case percipit. Cu nam nominati erroribus persecuti, ne lorem congue mei, an quo noster corpora scripserit. Ad percipit dissentiet persequeris qui, iuvaret comprehensam usu eu, vim et vocent diceret copiosae. Per eros gloriatur reprimique ad.
</p><p>
Ne stet pertinacia est, id purto omnis suscipit duo. Ut oratio consul sea, cum iusto dicit mnesarchum ea. Ei sea probo tantas facete, nemore tamquam theophrastus vel at. Nam habeo solum delectus ne, vituperata complectitur in eum, qui no zril invidunt. Vim ut verterem liberavisse vituperatoribus.
</p><p>
Te malis voluptatum suscipiantur vel, ut qui tale fierent. Affert vocent an per, et nam nonumy habemus pericula. Elitr nonumes vituperata vix ut. Ius ex congue verterem suscipiantur, ei euripidis gloriatur eum. Duo at aperiri delenit adversarium, postea voluptua eam et, vel ne eligendi sensibus elaboraret. Ius assum timeam perpetua in.
</p><p>
Sit soleat audire te, an pri senserit appellantur. Sit et amet solet timeam, ea eum duis expetenda. Malorum discere minimum est an, epicuri blandit gloriatur ea pro. At exerci aeterno quo, cum exerci epicuri accusata cu. Eu usu vitae labore, ut omittam consulatu sea.</p>
      </div>
      <div class="tab-pane fade" id="profile">
          <p>3v33v3
</p><p>
Eu habeo alienum omittantur vix. Te...

CSS

.tab-content{margin:40px}
#myTab{margin:40px}