Поместите элементы управления ASP.NET с помощью бутстрапа

Question

Каков наилучший способ установки элементов управления 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> 

Answer 1

Предполагая, что ниже, как разметка выводится, падение control-group и checkbox классов и выписывать CustomValidator как встроенный элемент:

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

Отредактировано с вашим фактическим выводом: Я все еще уронил класс checkbox, потому что вы не используете его так, чтобы он соответствовал методу Bootstrap pat крачки.

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