드롭 다운 정렬 트위터 부트 스트랩 3.0

Question

어떻게 두 개의 드롭 다운을 왼쪽/오른쪽 정렬합니까? 라벨 때문에 완벽하게 정렬되지 않았습니다. 두 개의 텍스트 상자가 완벽하게 정렬되기를 바랍니다. 감사!

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

내가 그것을 이런 식으로 할 것을 권장합니다 http://i.imgur.com/e4ZS1tM.jpg

Answer 1

라벨을 컨트롤 라벨로 만들려면 요소를 적절하게 정렬해야합니다.

Answer 2

당신은 (조정 증가 또는 감소 픽셀 크기) 스타일 속성을 사용할 수 있습니다

<asp:DropDownList ID="ddGender" runat="server" CssClass="form-control" style="margin-left:3px">