Bootstrap Skeleton with responsive

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

by dirkk0

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container-fluid">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar">
        </span>
        <span class="icon-bar">
        </span>
        <span class="icon-bar">
        </span>
      </a>
      <a class="brand" href="#">
        Project name
      </a>
      <div class="nav-collapse">
        <ul class="nav">
          <li>
            <a href="#">
              Home
            </a>
          </li>
          <li>
            <a href="#">
              About
            </a>
          </li>
          <li>
            <a href="#">
              Contact
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span3">
      <div class="well sidebar-nav">
        <ul class="nav nav-list">
          <li class="nav-header">
            Header
          </li>
          <li>
          </li>
          <li class="">
            <a href="#">
              Link
            </a>
          </li>
          <li class="">
            <a href="#">
              Link
            </a>
          </li>
          <li class="">
            <a href="#">
              Link
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="span9">
      <div class="hero-unit">
        <div>
          <h1>
            Hello, world!
          </h1>
          <p>
            This is a template for a simple marketing or informational website. It
            includes a large callout called the hero unit and three supporting pieces
            of content. Use it as a starting point to create something more unique.
          </p>
        </div>
        <a class="btn btn-primary" href="#">
          Learn more »
...

CSS

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

.container {
    margin-top: 10px;
}