JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<section class="intro">
	<div class="container">
		<div class="row">

<div class="col-md-4 col-sm-4">
    <img src="http://placehold.it/300x300&text=CHUMP">
</div>


<div class="col-md-8 col-sm-8">
    <h1>CENTER ME VERTICALLY<br>OH YEAH</h1>
</div>
    
        </div>
    </div>

</section>

CSS

html, body {
	width: 100%;
	height: 100%;
}

.intro {
	height: 100%;
	width: 100%;
	background-color: #83fec6;
	color: #3a58e9;
}

.intro .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}