JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="col-md-12 thirdrow">
    <!-- Input Fields -->
    <!-- Player 1 Name Input Field -->
    <div class="input-field-div">
        <textarea id="input-player1-name" rows="1" placeholder="Player 1 Name"></textarea>
    </div>
    <!-- Player 2 Name Input Field -->
    <div class="input-field-div">
        <textarea id="input-player2-name" rows="1" placeholder="Player 2 Name"></textarea>
    </div>
</div>

CSS

.thirdrow {
    background-color: blue;
    border: 10px solid red;
    border-radius: 10px;
}