<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class='card'> <div class='card-header edit-card-header'> <div class='row'> <div class='col d-flex justify-content-center'> <h3 id='Hull'>LPD28</h3> </div> <div class='col'> <label for='locID'>Location</label> <select id='locID' class='form-control'> < </select> </div> </div> </div> <div class='card-body edit-card-body'> <div class='row'> <div class='col'> <label for='stat'>Ship Status</label> <select id='stat' class='form-control'> <option value='Active'>Active</option> <option value='Inactive'>Inactive</option> </select> </div> <div class='col'> <label for='mID'>Milestone</label> <select id='mID' class='form-control'> </select> </div> <div class='col'> <label for='Berth'>Berth</label> <input type='text' id='Berth' class='form-control'> </div> </div> <div class='row'> <div class='col'> <label for='cStat'>Compartment Status</label> <select id='cStat' class='form-control'> <option value='N/A'>N/A</option> <option value='Ready'>Ready</option> <option value='Not Ready'>Not Ready</option> <option value='Degraded'>Degraded</option> </select> </div> </div> </div> <div class='card-footer edit-card-footer'></div> </div> </div>