Wednesday 15 June 2011

html - dropdown alignment twitter bootstrap 3.0 -



html - dropdown alignment twitter bootstrap 3.0 -

how left/right align 2 dropwdowns? it's not aligned because of labels. want 2 textboxes aligned perfectly. thanks!

http://i.imgur.com/bac18xc.png

<div class="form-inline"> <asp:label id="label2" runat="server" text="profession:"></asp:label> <asp:dropdownlist id="ddtalent" runat="server" cssclass="form-control"> <asp:listitem>model</asp:listitem> <asp:listitem>photographer</asp:listitem> <asp:listitem>designer</asp:listitem> <asp:listitem>fashion stylist</asp:listitem> <asp:listitem>hair stylist</asp:listitem> <asp:listitem>make-up artist</asp:listitem> </asp:dropdownlist> </div> <br /> <div class="form-inline"> <asp:label id="label3" runat="server" text="gender:"></asp:label> <asp:dropdownlist id="ddgender" runat="server" cssclass="form-control"> <asp:listitem>male</asp:listitem> <asp:listitem>female</asp:listitem> <asp:listitem>any</asp:listitem> </asp:dropdownlist> </div>

update:

i want this: http://i.imgur.com/e4zs1tm.jpg

making label command label should align elements properly.

html css asp.net twitter-bootstrap

No comments:

Post a Comment