Bootstrap modal sample. TwitterBootstrap skelton forked

https://github.com/jschr/bootstrap-modal

by kanonji

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css">
<script src="http://jschr.github.io/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
<script src="http://jschr.github.io/bootstrap-modal/js/bootstrap-modal.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <button type="button" 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>
      </button>
      <a class="brand" href="#">Project name</a>
      <div class="nav-collapse collapse">
        <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div>

<div class="container">

  <h1>Bootstrap starter template</h1>
  <button class="demo btn btn-primary btn-large" data-toggle="modal" href="#long">View Demo</button>
  <p>
Lorem ipsum dolor sit amet, eos nullam eleifend no, ad integre splendide eum. Ea eam alii lucilius evertitur, duo falli consulatu suscipiantur ex, quo inermis consequuntur te. Maiorum adipiscing voluptatum sit no. Mea ea labitur dissentiunt consectetuer. Cum eu utroque intellegat, eum habemus atomorum ad. Eu est singulis posidonium.
  </p>
  <p>
Volumus mentitum constituam has cu, ubique nemore alienum eu vim. Vidit omnis errem in nec, pri cu vidit omittantur liberavisse, cibo oratio facilisis ad qui. Ex per aliquid similique. Verear patrioque intellegam ad qui, graece mucius ad nec. Vel primis probatus adipisci ad, te vix munere maluisset...

CSS

body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}

JavaScript

/*
 * Use jQuery.
 * Load externals.
 * //netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css
 * //netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js
 */