Bootstrap JS - 删除复选框控件组标签和复选框控件之间的边距差距

Question

如何缩小标签和复选框组之间的差距。我可以看到第一个复选框得到一个margin-top:10px，但我不知道要优雅地解决它，或者更好地说要停留在自助领域。JSFiddle - Link

请注意，将来我会动态添加复选框。

Answer 1

万一其他人正在寻找更清洁的解决方案，Bootstrap将提供一个单独的.checkbox-inline类，该类将完全消除边距。

它是为内联复选框设计的，因此您必须将类定义下移至标签，以使所有复选框都不会内联显示。

Here's how it looks in action.

Answer 2

使用此风格

label {
    margin-left: <any negative value>
}

Answer 3

您可以覆盖Public Class TicketInfo Public Property Subject() As String Get Return m_Subject End Get Set m_Subject = Value End Set End Property Private m_Subject As String Public Property RaisedBy() As String Get Return m_RaisedBy End Get Set m_RaisedBy = Value End Set End Property Private m_RaisedBy As String Public Property Status() As ObservableCollection(Of String) Get Return m_Status End Get Set m_Status = Value End Set End Property Private m_Status As ObservableCollection(Of String) End Class 类并删除上边距：

.checkbox

你可以在这里找到一个工作小提琴：https://jsfiddle.net/gurtejsingh/py1rasge/4/

希望这会有所帮助。欢呼声。