Bootstrap Skeleton

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

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<div class="container-fluid">
    <div class="row-fluid">
        
           <h1>The Title</h1>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt voluptatibus unde doloremque a tempore repellendus possimus necessitatibus nulla maxime officia natus veniam id quis. Distinctio sed natus voluptas dolorum ab!</p> 
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt voluptatibus unde doloremque a tempore repellendus possimus necessitatibus nulla maxime officia natus veniam id quis. Distinctio sed natus voluptas dolorum ab!</p> 
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt voluptatibus unde doloremque a tempore repellendus possimus necessitatibus nulla maxime officia natus veniam id quis. Distinctio sed natus voluptas dolorum ab!</p> 
        
    </div>
    
    <div id="footer-container">
        <div id="footer-content">
            <div class="container-fluid">
                <div class="row-fluid">
                    <h2>Fixed Content</h2>
                    <div class="scrollable">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus distinctio impedit provident odit nobis necessitatibus atque maxime soluta vel quisquam eveniet incidunt culpa. Doloribus omnis recusandae facilis harum mollitia eaque!</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus distinctio impedit provident odit nobis necessitatibus atque maxime soluta vel quisquam eveniet incidunt culpa. Doloribus omnis recusandae facilis harum mollitia eaque!</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus distinctio impedit provident odit nobis necessitatibus atque maxime soluta vel quisquam eveniet incidunt culpa. Doloribus omnis recusandae facilis harum mollitia...

CSS

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

html,
body {
    height: 100%;
}

.container-fluid {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#footer-content {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: black;
	opacity: 1;
	display: block;
	color: #7f7f7f;
	height:85%;
  
}

.scrollable {
    overflow-y: scroll;
    max-height:300px;
    height: 50%; /* Doesnt Work */
  /* height: 300px; /* Works */
    width: 95%;
    background: red;
}