Asp.net mvc 控件和下拉列表后的引导映像？

我正在尝试将引导文本框控件和图像对齐到

中心

，我不知道要使用哪个

css类

另外，引导下拉列表也对齐错误，当我第一次加载时，它在单击后显示十字，显示正确的箭头。但仍然在顶端

@Html.LabelFor(model => model.Committee.Type, new { @class = "control-label"})
    <div class="controls">
        @Html.TextBoxFor(model => model.Committee.Type, new {  @readonly = "readonly", @class = "input-xlarge" }) 
        <a class="btn-link" href="#" rel="popover" data-title="Activity Type" data-content="Did we do a good job?"  >           
           <img src="~/Content/glyphicons_195_circle_info.png"  class="img-rounded" alt="Activity Type" /></a>
    </div>
@Html.LabelFor(model => model.Role, new { @class = "control-label" })
    <div class="controls">
         @Html.DropDownList("Role",(SelectList)ViewBag.Roles , new { @class =input-xlarge" })
         <img src="~/Content/glyphicons_195_circle_info.png" class="img-circle" alt="Activity Role" title="Activity Role"/>
          @Html.ValidationMessageFor(model => model.Role)
   </div>

看一看-在水平表单下，我认为您需要将每个标签和控件包装在一个

中，并为表单提供一个

类，以获得所需的布局

e、 g

@LabelFor（model=>model.Committee.Type，新的{@class=“control label”}）
@Html.TextBoxFor（model=>model.Committee.Type，新的{@readonly=“readonly”，@class=“input xlarge”}）

查看我对你小提琴的更新

 $('#Role').combobox();

<form class="form-horizontal">
    <div class="control-group">
        @Html.LabelFor(model => model.Committee.Type, new { @class = "control-label"})
        <div class="controls">
            @Html.TextBoxFor(model => model.Committee.Type, new {  @readonly = "readonly", @class = "input-xlarge" }) 
            <a class="btn-link" href="#" rel="popover" data-title="Activity Type" data-content="Did we do a good job?"  >           
               <img src="~/Content/glyphicons_195_circle_info.png"  class="img-rounded" alt="Activity Type" /></a>
        </div>
    </div>
</form>