Hi Bill,
The easiest way is to rely bootstraps grid structure. In the example below
I used the fluid form row, but you could use the standard form row without
any issue.
Its important to keep in mind that the sum of all parts can not exceed your
total container.
<div class="formRow fluid">
<div class="grid4">
<label>Label:</label>
<input type="text" name="regular" value="input1">
</div>
<div class="grid4">
<label>Label:</label>
<input type="text" name="regular" value="input2">
</div>
<div class="grid4">
<label>Label:</label>
<input type="text" name="regular" value="input3">
</div>
</div>
I hope this helps :)
On Wednesday, 8 August 2012 21:23:23 UTC+2, bill wrote:
>
>
> Hi everyone,
>
> I want to have 3 inline inputs with the labels overtop of each, like:
>
>
> label 1 label2 label3
> input1 input 2 input3
>
> Any ideas on how to do this
>
>
> I have the following code ( which is not working ):
>
> <div class="form_row" >
>
> <div class="control-group">
>
> <div class="controls">
> <label class="control-label"
> for="input01">city</label>
>
> <input type="text" class="input-xlarge span3" id="city"
> name="city" value="<?php echo $this->property->city ?>" rel="popover"
> data-content="Re-enter your city." data-original-title="city" />
> <!-- </div>-->
> <label class="control-label" for="input01">state</label>
> <!-- <div class="controls">-->
> <input type="text" class="input-xlarge span3" id="state"
> name="state" value="<?php echo $this->property->state ?>" rel="popover"
> data-content="Re-enter your state." data-original-title="state"/>
> <!-- </div>-->
> <label class="control-label" for="input01">zip</label>
> <!-- <div class="controls">-->
> <input type="number" class="input-xlarge span2" id="zip"
> name="zip" value="<?php echo $this->property->zip ?>" rel="popover"
> data-content="Re-enter your zip code." data-original-title="zip" />
> </div>
>
>
> </div>
> </div>
>
>
>
