JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<div class="card card-outline-primary" style="min-width:500px">
    <div class="card-block container-fixed">
        <form class="row">
            <div class="col-4" style="border:solid;border-color:red;border-width:5px;min-width:250px">
                <label for="visualTheme" class="control-label">1234</label>
                <div>
                    <input class="form-control" style="height:30px;width:200px" id="visualTheme" />
                </div>
            </div>
            <div class="col-4" style="border:solid;border-color:blue;border-width:5px;min-width:250px">
                <label class="control-label">5678</label>
                <div>
                    <input class="form-control" style="height:30px;width:200px" id="startingScreen" />
                </div>
            </div>
            <div class="col-4" style="border:solid;border-color:green;border-width:5px;min-width:250px">
                
            </div>
         </form>
</div>