列之间的填充问题

Question

我有一个小的填充问题。删除CSS没有任何区别所以我猜我错过了一行或类似的东西。请看下面的小提琴和图片：

http://jsfiddle.net/batman13/xBB5x/11533/

    <div class="row hidden-xs" style="height:100vh;">
        <div class="col-sm-6" style="height:100%">
            <div class="col-sm-12 fill100 hidden-xs" style=
            "background-image:url('http://ajsroofingsolutions.com/images/branding.jpg');">
            <div class="carousel-caption">
               <h2>Jonny 5 Alive4 Big Screensssss</h2>
                </div>
            </div>
        </div>

<div class="row hidden-xs" style="height:100vh;">
            <div class="col-sm-6" style="height:100%">
                <div class="row" style="height:50%">
                    <div class="col-sm-6 fill50 hidden-xs" style=
                    "background-image:url('http://ajsroofingsolutions.com/images/branding.jpg');">
            <div class="carousel-caption">
                            <h2>Jonny 5 Alive Big Screen1sssss</h2>
                        </div>
                    </div>

<div class="col-sm-6 fill50 hidden-xs" style=
                    "background-image:url('http://ajsroofingsolutions.com/images/branding.jpg');">
                    <div class="carousel-caption">
                            <h2>Jonny 5 Alive2 Big Screensssss</h2>
                        </div>
                    </div>
 </div>


                <div class="row hidden-xs" style="height:50%">
                    <div class="col-sm-12 fill100" style=
                    "background-image:url('http://ajsroofingsolutions.com/images/branding.jpg');">
<div class="carousel-caption">
                            <h2>Jonny 5 Alive3 Big Screensssss</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

.fill100 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
}


.fill50 {
    width: 50%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}