Ok cracked it it. Need to go inline at the control group level.
.control-group.inline {
display: inline-block;
}
e.g.
<div class="control-group inline">
<label class="control-label" for="Day">Day</label>
<div class="controls">
<select id="Day" class="span1 valid" name="Day">
</div>
</div>
My use case is wanting to have 3 drop down for entering DOB in one
line on a default basic form. Not sure if this works on horizontal
forms.
On Feb 17, 8:50 am, Daniel Harman <[email protected]> wrote:
> Doesn't seem to have any affect unless my markup is wrong?
>
> <form class="form" method="post" action="/Account/Register">
> <fieldset class="offset2">
> <div class="control-group inline-inputs">
> <label class="control-label" for="Password">Password</label>
> <div class="controls">
> <input id="Password" class="text-box single-line password"
> type="password" value="" name="Password">
> </div>
> <label class="control-label" for="ConfirmPassword">Confirm
> Password</label>
> <div class="controls">
> <input id="ConfirmPassword" class="text-box single-line
> password" type="password" value="" name="ConfirmPassword">
> </div>
> </div>
> </fieldset>
> </form>
>
> On Feb 15, 6:46 am, Sam Sherlock <[email protected]> wrote:
>
>
>
>
>
>
>
> > On 14/02/2012 22:35, Daniel Harman wrote:> I've been trying to work this
> > out too. Anyone able to help?
>
> > > Dan
>
> > > On Feb 2, 8:46 pm, Gary Taylor<[email protected]> wrote:
> > >> Is it still possible to have some input labels/fields be inline within a
> > >> stacked form? I thought I used something like "inline-inputs" to
> > >> accomplish
> > >> this before. Now it appears as though it's all one or the other at the
> > >> form
> > >> level.
>
> > does this do what you want
>
> > .control-group.inline-inputs .controls input {
> > display: inline;
>
> > }
