JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 <hr />
    <div class="panel row">
        <div class="col-md-6">
            <select class="form-control" multiple="multiple" style="font-size:large">
                <option value="1">Test234</option>
                <option value="3">Test123</option>
            </select>
        </div>

        <div class="col-md-6">
            <select class="form-control" multiple="multiple" style="font-size:large">
                <option value="26">SVC1</option>
                <option value="27">SVC2</option>
                <option value="28">SP1</option>
                <option value="29">PN1</option>
            </select>
        </div>
    </div>

    <div class="form-group row col-md-12">
        <select class="form-control" multiple="multiple" name="items" style="font-size:large"></select>
    </div>