One popular technique for designing responsive websites is to implement a screen-height element as the top content wrapper, with additional content displayed below. If you're interested in learning more about this approach, check out this informative discussion. You can also see a demo of it in action on CodePen:
#fullscreen {
width: 100%;
height: 100%;
display: table;
}
#fullscreen .fullscreen-content {
display: table-cell;
text-align: center;
vertical-align: middle;
}
<div id="fullscreen">
<div class="fullscreen-content">
...
</div>
</div>
If you're wondering how to achieve a similar effect with a Bootstrap 3 row, we can discuss some potential solutions.