Bootstrap 3 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.1.0/bootstrap.min.js"></script>
<div class="container">
    <div class="row">
		<div class="col-md-8">
            <table>
                <tr>
                    <td>
                        <img src="http://lorempixel.com/171/256/fashion/5" class="img-responsive"/>
                    </td>
                    <td rowspan="3">
                        <img src="http://lorempixel.com/534/800/fashion" class="img-responsive"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="http://lorempixel.com/171/256/fashion/6" class="img-responsive"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="http://lorempixel.com/171/256/fashion/7" class="img-responsive"/>
                    </td>
                </tr>
            </table>
		</div>
		<div class="col-md-4" id="prodDescription">
			<div class="row">
				<div class="col-xs-12">
					<h1><?php echo $name ?></h1>
					<p><?php echo $description ?></p>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 text-right">
					<h3>Price: 40,- €</h3>
					<button type="button" class="btn-default">add to cart</button>
				</div>
			</div>
		</div>
	</div>
</div>

CSS

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

table tr{
    vertical-align: middle;
}

table tr:first-child{
    vertical-align: top;
}

table tr:last-child{
    vertical-align: bottom;
}

table tr td:first-child{
    padding-right: 15px;
}