Bootstrap Skeleton

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

by panchroma

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="container">
    <div class="col-xs-12">       
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quis nisi sed auctor. Vivamus tempus purus at odio congue, eu pulvinar massa scelerisque. Duis at leo tincidunt, sagittis lectus vel, mollis nulla. Nunc at rutrum arcu, fermentum euismod lacus. Duis sollicitudin non nunc at porta. Aliquam sed euismod orci, vel iaculis mi.</p>       
    </div>
  </div> <!-- end container -->
  
  <div class="container">
      <div class="box-left">
    <div class="col-xs-6 ">       
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quis nisi sed auctor. Vivamus tempus purus at odio congue, eu pulvinar massa scelerisque.</p>       
    </div>
      </div>
</div> <!-- end container -->


<div class="container-fluid ">
    <div class="box-left">
     <div class="col-xs-6">       
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quis nisi sed auctor. Vivamus tempus purus at odio congue, eu pulvinar massa scelerisque.</p>       
    </div>   
</div>
</div>
<div class="container">
    <div class="col-xs-12">       
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quis nisi sed auctor. Vivamus tempus purus at odio congue, eu pulvinar massa scelerisque. Duis at leo tincidunt, sagittis lectus vel, mollis nulla. Nunc at rutrum arcu, fermentum euismod lacus. Duis sollicitudin non nunc at porta. Aliquam sed euismod orci, vel iaculis mi.</p>       
    </div>
    </div> <!-- end container -->
  
  <div class="container">
      <div class="box-right">
    <div class="col-xs-offset-6 col-xs-6">       
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quis nisi sed auctor. Vivamus tempus purus at odio congue, eu pulvinar massa scelerisque.</p> ...

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.container, .container-fluid {
    margin-bottom: 20px;
}

.box-left {
    background: orange;
    color: white;
    overflow:hidden;
    margin-right:50%;
}

.box-right {
    background: lightblue;
    color: white;
}