使用引导程序将 ASP.NET 控件内联答案

【问题标题】：Put ASP.NET controls inline using bootstrap使用引导程序将 ASP.NET 控件内联
【发布时间】：2016-01-18 10:28:30
【问题描述】：

使用引导程序内联 ASP.NET 控件的最佳方法是什么？

我有这 3 个控件，但我无法将它们内联。我尝试了几个引导类，但没有一个能帮到我。

<div class="control-group checkbox">
     <asp:CheckBox runat="server" ID="chkConfirmed" Enabled="false" />
     <asp:Label runat="server" AssociatedControlID="chkConfirmed" meta:resourcekey="settlementFrequencyConfirmed"></asp:Label>
     <asp:CustomValidator runat="server" CssClass="validator" ClientValidationFunction="ValidateSettlementFrequencyConfirmed" OnServerValidate="OnServerValidateConfirmedCheckbox" meta:resourcekey="rfvSettlementFrequencyConfirmed" Display="Dynamic" SetFocusOnError="true"></asp:CustomValidator>
</div>

目前我在复选框和标签下收到验证消息。

有人知道在这种情况下最好使用什么类而不是“控制组复选框”？

这是 HTML 输出：

<div class="control-group checkbox">
     <span class="aspNetDisabled"><input id="ctl00_ctl00_main_main_settlementFrequency_chkConfirmed" type="checkbox" name="ctl00$ctl00$main$main$settlementFrequency$chkConfirmed" disabled="disabled"></span>
     <label for="ctl00_ctl00_main_main_settlementFrequency_chkConfirmed">Settlement frequency confirmed</label>
     <span id="ctl00_ctl00_main_main_settlementFrequency_ctl14" class="validator" style="display: inline;">Confirm settlement frequency.</span>
</div>

【问题讨论】：

您尝试过form-control 和input-group 课程吗？一旦你有了这些标签，我认为内联是默认的。见getbootstrap.com/components/#input-groups
首先要做的是查看你得到的 HTML 而不是 ASP.NET。

标签： html css asp.net twitter-bootstrap

【解决方案1】：

假设以下是您的标记的输出方式，请删除 control-group 和 checkbox 类并将 CustomValidator 作为内联元素写出：

<div>
  <input type="checkbox" id="chkConfirmed" />
  <label for="chkConfirmed">    
    Checkbox label
  </label>
  <span class="validator">
    alert
  </div>
</div>

使用您的实际输出进行编辑： 我仍然删除了复选框类，因为您没有以与引导模式匹配的方式使用它。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="control-group">
  <span class="aspNetDisabled">
    <input id="ctl00_ctl00_main_main_settlementFrequency_chkConfirmed" type="checkbox" name="ctl00$ctl00$main$main$settlementFrequency$chkConfirmed" disabled="disabled">
  </span>
  <label for="ctl00_ctl00_main_main_settlementFrequency_chkConfirmed">
    Settlement frequency confirmed
  </label>
  <span id="ctl00_ctl00_main_main_settlementFrequency_ctl14" class="validator alert alert-danger">
    Confirm settlement frequency.
  </span>
</div>

【讨论】：