Simple Multiline Inline Form - Bootstrap 2.0.3

[Doug]

Hi There,

I am looking for some help creating the form shown in the attachment (desktop view) using Bootstrap 2.0.3

What should I be using to define the responsive layout? I want the desktop layout to look as shown. For mobile, I want to turn off the fields that are not required and simply stack them.

I started using the following approach, but, of course, it falls apart.

<div class="row">
<div class="span6">
<label for="first_name">First Name</label>
<input id="first_name" maxlength="40" name="first_name" size="20" type="text">
</div>

<div class="span6">
<label for="last_name">Last Name</label>
<input id="last_name" maxlength="40" name="first_name" size="20" type="text">
</div>
</div>

Any help is appreciated.

Thank you.

Bootstrap-Forum-Post.jpg

[Doug]

Does anyone have any thoughts? Any input is appreciated.

Hi There,

I am looking for some help creating the form shown in the attachment (desktop view) using Bootstrap 2.0.3

What should I be using to define the responsive layout? I want the desktop layout to look as shown. For mobile, I want to turn off the fields that are not required and simply stack them.

I started using the following approach, but, of course, it falls apart.

<div class="row">
<div class="span6">
<label for="first_name">First Name</label>
<input id="first_name" maxlength="40" name="first_name" size="20" type="text">
</div>

<div class="span6">
<label for="last_name">Last Name</label>
<input id="last_name" maxlength="40" name="first_name" size="20" type="text">
</div>
</div>

Any help is appreciated.

Thank you.

Bootstrap-Forum-Post.jpg