Bootstrap 3 setting dropdown widths..

I have a form I am working with and updating to bootstrap 3. The form in it's original look dropdowns with a column size of 6 would maintain that size. For instance I have a input field that is set to col-lg-6 and the dropdown set to col-lg-6 as well but when it is displayed on the screen the dropdown size is changed to the content size of the dropdown with, in my opinion on the form. looks like crap. I want both columns to be responsive across devices but also look the same size on a computer or table and or course it can all be lined up on a phone. So here is some code to work with and make both columns display on the screen the same size. <div class="container"> <div class="row"> <div class="col-lg-6"> <select id="city" name="city"> <option value="">Select City / County</option> <option value="City 1">City 1</option> <option value="City 2">City 2</option> <option value="City 3">City 3</option> <option value="City 4">City 4</option> </select> </div> <div class="col-lg-3"> <font size="2" color="#FFFFFF"> State </font><br> <label for="state"> <input type="text" id="state" name="state"> </div> <div class="col-lg-3"> <font size="2" color="#FFFFFF"> Zip </font><br> <label for="zip"> <select id="zip" name="zip"> <option value=""></option> <option value="12341">12341</option> <option value="12342">12342</option> <option value="12343">12343</option> <option value="12344">12344</option> <option value="12345">12345</option> <option value="12346">12346</option> </select> </label> </div> </div> </div> I want the columns on the same line, maintain their col width and need this now...