如何将复选框与其标签放在一行中

Question

这是一个CheckBoxList。

问题是如果ListItem（文本）有很多单词，那么文本会在其复选框下面的一行显示。

对于某些复选框，字符显得比平时小。

有没有人有任何想法？

我很感激任何建议。

以下是一个例子：

以下是代码示例：

  <div class="row">
  <div class="col-sm-3 col-md-3 col-lg-3">
  Example text
  </div>
  <div class="col-sm-8 col-md-8 col-lg-8">
    <asp:CheckBoxList ID="chbList_1" runat="server" DataSourceID="SqlDataSource2" DataTextField="Name" DataValueField="Code">
    </asp:CheckBoxList>
    <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:CorpDicts %>" SelectCommand="select Code, Name from Base..Attributes"></asp:SqlDataSource>
  </div>
  </div>

Answer 1

假设你正在使用bootstrap解决方案已经内置：

<div class="checkbox">
    <label>
        <input type="checkbox"> Check me out
    </label>
</div>

Complete example。查看文档here