Bootstrap layout advice

I have found myself fumbling around with this odd layout that I need to design using Bootstrap.

Imagine the size of this is 660 x 330 wide, What I want to do is without any padding between anything is have an image on the left side that fills the black color 100%. The size of this will never change, on screens that it doesn't fit it will be using a different layout (so this will only really be on small+ screen sizes.

Here is what I originally was thinking, but since the image doesn't necessarily fit a column width, this will not work. Would it be best to create a container that is exactly 660x330 and then use rows/columns inside that? Or maybe I should step away from bootstrap in this case. Thanks in advance for any advice.

<div class="row">
<div class="col-xs-6">
    <img src="../images/temp-featurelarge.jpg"/>
</div>
<div class="col-xs-6">
    <div class="row">
    </div>
    <div class="row">
        <div class="col-xs-6">
        </div>
        <div class="col-xs-6">
        </div>
    </div>
</div>