JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="row slideshow">
    <div class="col-md-3 col-sm-3 col-xs-3 col-1">
        col 1 contents
        col 1 contents<br />
        col 1 contents<br />
        col 1 contents<br />
        col 1 contents<br />
        col 1 contents<br />
        col 1 contents<br />
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-2">
        <div class="col-md-10 col-sm-10 col-xs-10">
            <div class="slider-caption">
                col 2 contents<br />
                col 2 contents<br />
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-3 col-xs-3 col-3">
        col 3 contents
    </div>
</div>

CSS

.slideshow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.col-1 {
    background-color: yellow;
}
.col-2 {
    background-color: blue;
}
.col-3 {
    background-color: red;
}