Completed

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...

Habilidades: Bootstrap

Ver más: value city, bootstrap color code, bootstrap 3.0, html

Información del empleador:
( 43 comentarios ) Port Charlotte, United States

Nº del proyecto: #10562958

Adjudicado a:

Chitanok

I am expert in laravel framework, php, wordpress, mysql, sql, javascript, bootstrap, css3 and html5. I am confident to develop large scale web application.I am also confident to fix any kind of bugs on website. http Más

$15 USD en 1 día
(3 comentarios)
2.9

5 freelancers están ofertando el promedio de $21 para este trabajo

webexpert0102

Hello, Why should you chose me? Because: 1. I am ready to start on your project. And after the work is done, we also provide free 3 months of support for fixing any issues related our works and provide instru Más

$35 USD en 1 día
(5 comentarios)
4.0
gouravpatidar

Hello, I am very interested in your project, please consider my bid and send me the details related to your project. I was paying low prices but will give you the job with the highest quality and will help you edit unl Más

$25 USD en 1 día
(5 comentarios)
2.8
sumoncse55

Hi there, I am available for your project and I can start right now your project.I am very expert with HTML5, CSS3, JS, Bootstrap, and Responsive Design.I can complete your project within 4-5 hour. If you need urgent k Más

$30 USD en 0 días
(1 comentario)
1.1
kartickkoley1995

Hello, We are team of Certified Photoshop CS6 Expert, Illustrator and After Effects "A Picture is worth a thousand words" In the today's visual world, arresting imagery is required to grab attention. Consumers today Más

$15 USD en 1 día
(0 comentarios)
0.0
$20 USD en 2 días
(0 comentarios)
0.0
$10 USD en 1 día
(0 comentarios)
0.0