<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <header> <img src="http://i66.tinypic.com/opoaqb.jpg"> </header> <nav></nav> <div class="row"> <div class="col-sm-6 lefty"></div> <div class="col-sm-6 righty"> <h2> Trahira cod swordtail yellowmargin triggerfish </h2> <p> Trahira cod swordtail yellowmargin triggerfish burma danio oarfish blackchin shell-ear, flying gurnard scaleless black dragonfish, yellowtail clownfish. Chub Antarctic cod soapfish gulper eel lefteye flounder splitfin whiting. Chinook salmon tubeblenny yellowbelly tail catfish desert pupfish scup blue gourami yellowfin grouper, "duckbill sailfin silverside threadfin yellowtail snapper; white marlin." Cherry salmon thresher shark brotula armoured catfish Steve fish. Elver panga; white croaker atka mackerel threadsail rockfish anemonefish bango sabertooth! Speckled trout kingfish candiru Rasbora hairtail, freshwater flyingfish orbicular batfish grunion northern pearleye flat loach. </p> </div> </div> </div>

.container-fluid { padding: 0px; } header img { padding: 15px; } nav { height :50px; background-color: red; } div { height: 500px; } .row { background: url(http://i68.tinypic.com/30rr2g8.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .righty { background-color: rgba(32, 32, 32, 0.8); color: #fff; }