<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-2">
// ....левая колонка.... //
</div>
<div class="col-xs-12 col-sm-8">
// ....центральная часть.... //
</div>
<div class="col-xs-12 col-sm-2">
// ....правая колонка.... //
</div>
</div>
</div><style>
.box{display:block; position:relative; width:100%;}
.left-bag, .right-bag, .center-bag{display:inline-block; float: left; vertical-align:top; padding:0; margin:0}
.left-bag, .right-bag{width:25%}
.center-bag{width:50%}
</style>
<div class="box">
<div class="left-bag">
...
</div>
<div class="center-bag">
...
</div>
<div class="right-bag">
...
</div>
<div class="clearfix"></div>
</div><style>
.contactus {
background-image: linear-gradient(to top, #ffffff 0%, #cdcdcd 100%);
background-clip: text;
color: rgba(0, 0, 0, 0.12);
font-family: sans-serif;
font-size: 48px;
font-weight: 600;
color: rgba(128,128,128,.45);
text-shadow: 0px 2px 3px rgba(255,255,255,.15), -1px -2px 1px rgba(0,0,0,.5), -1px -1px 2px rgba(0,0,0,.3);
}
</style>
$(document).ready(function() {
$('.flat-img').mouseenter(function() {
var tempId = (this).id;
document.getElementById(tempId).addClass('visible');
});
});