JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="wrapper row">
    <div class="col-xs-12 col-sm-6 col-md-4 exactCenter">Test Test Test<br/>Test Test Test<br/>Test Test Test</div>
</div>

CSS

.wrapper{
    width: 100%;
    height: 100%;
        position: fixed; 
}
.exactCenter {
    position: fixed; 
    background-color: #00FF00; 
    top: 50%; 
    left: 50%; 
    text-align: center;
    /*margin-top: -15%; 
    margin-left: -30%; */
}