"cell nowrap 2"
Bootstrap 3.3.0 Snippet by bartosak

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-2" id='main-left-column'> <div class="row"> <div class="col-xs-12 bg-primary"> <h2>test</h2> </div> <div class="col-xs-12 bg-info"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </div> <div class="col-md-10" id='main-right-column'> <table> <tr> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> </tr> </table> </div> </div> <div class="row"> <div class="col-md-2" id='main-left-column'> <div class="row"> <div class="col-xs-12 bg-primary"> <h2>test</h2> </div> <div class="col-xs-12 bg-info"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </div> <div class="col-md-10" id='main-right-column'> <table> <tr> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> <td> <div class="width-300-450"> <div class="col-xs-12 bg-success"> <h2>test</h2> </div> <div class="col-xs-12 bg-warning"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit nisl, volutpat vitae nunc eget, pulvinar hendrerit erat. Nam eget lectus sapien. Donec malesuada erat at enim facilisis, ut dapibus lorem maximus. Pellentesque non odio ullamcorper, suscipit metus vel, blandit leo. Quisque vitae commodo urna. Nunc condimentum est quis arcu accumsan, eu varius magna pulvinar. Pellentesque facilisis elit sed urna tempus porta.</p> </div> </div> </td> </tr> </table> </div> </div> </div>
#main-right-column { overflow-x: auto; display: inline-block; padding:0; } .width-300-450 { min-width:300px; width: 100%; max-width:450px }

Related: See More


Questions / Comments: