Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by dylanjha

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://chartkick.com/chartkick.js"></script>
<ul class="nav nav-tabs">
  <li><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>
  <li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile"><div id="chart-1" style="height: 300px; text-align: center; color: #999; line-height: 300px; font-size: 14px; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;">Loading...</div><script>
new Chartkick.AreaChart("chart-1", [
    {"name":"Revenue","data":{"2013-01-01 00:00:00 UTC":30000.0,"2013-02-01 00:00:00 UTC":15000.0,"2013-03-01 00:00:00 UTC":56875.0,"2013-04-01 00:00:00 UTC":6000.0,"2013-05-01 00:00:00 UTC":55125.0,"2013-06-01 00:00:00 UTC":18550.0,"2013-07-01 00:00:00 UTC":19223.0,"2013-08-01 00:00:00 UTC":2250.0,"2013-09-01 00:00:00 UTC":75600.9,"2013-10-01 00:00:00 UTC":91882.46,"2013-11-01 00:00:00 UTC":73061.51,"2013-12-01 00:00:00 UTC":57159.31,"2014-01-01 00:00:00 UTC":29370.25,"2014-02-01 00:00:00 UTC":22792.0,"2014-03-01 00:00:00 UTC":37004.0,"2014-04-01 00:00:00 UTC":75638.39,"2014-05-01 00:00:00 UTC":36130.5,"2014-06-01 00:00:00 UTC":54377.4,"2014-07-01 00:00:00 UTC":50637.75}}], {"colors":["#2772cd","#fde800","#3ACA3A","#555555"]});
</script>

<div class="highlight"><pre><span class="cp">&lt;%=</span> <span class="n">line_chart</span> <span class="no">User</span><span class="o">.</span><span class="n">group_by_day</span><span class="p">(</span><span class="ss">:created_at</span><span class="p">)</span><span class="o">.</span><span class="n">count</span> <span class="cp">%&gt;</span><span...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');