Bootstrap Skeleton

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

by johnoscott

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<!-- Nav Bar -->
<!--
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <ul class="nav nav-list">
                <li>
                    <a href="#/home">
                        <i class="icon-home icon-white"></i>
                        Home
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
-->

<div class="navbar navbar-fixed-top">  
  <div class="navbar-inner">  
    <div class="container">  
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".collapse">  
        <span class="icon-bar"></span>  
        <span class="icon-bar"></span>  
        <span class="icon-bar"></span>  
      </a>  
      <a class="brand" href="#">Some Store</a>  
      <div class="nav-collapse">  
        <ul class="nav">  
            <li><a href="#">Browse Products</a></li>  
          <li><a href="#">Price List</a></li>  
          <li><a href="#">Contact Us</a></li>  
          <li><a href="#">Cart</a></li>  
        </ul>  
      </div>  
    </div>  
  </div>  
</div>  
              
              


<div class="mobile container">
    
        <a class="btn btn-primary btn-large" href="#">Order</a>

        <a class="btn btn-primary btn-large btn-full" href="#">Delivery</a>

        <a class="btn btn-primary btn-large btn-full" href="#">Pickup</a>

            <a class="btn btn-large" href="#">Next</a>

    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce leo tortor, aliquam et blandit a, convallis vel nunc. Aenean nec ultricies nisi. Sed in imperdiet nunc. Morbi rutrum commodo libero, et dictum dolor porta non. Aenean a sem dolor. Pellentesque eleifend tellus non erat pharetra ut facilisis sem consequat. Nunc tortor neque, rutrum sed scelerisque egestas, consectetur in tortor. Proin porttitor odio sit amet erat tristique...

CSS

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

/* compensate for top nav bar
http://asciicasts.com/episodes/328-twitter-bootstrap-basics
*/
body { padding-top: 60px; }   

.btn-full {

    width: 400px;
    
}