【问题标题】:Put spacing between labels在标签之间放置间距
【发布时间】:2019-02-07 03:22:09
【问题描述】:

我有以下代码:

<div class="row">
    <div class="col-md-12">
        <div class="form-group">                            
           <label>Score Content:</label><label id="lbl_lblcontent"></label>
        </div>
    </div>
</div>

如何使用引导程序在 2 个标签之间添加一些填充。请注意, lbl_lblcontent 是动态创建的。

【问题讨论】:

  • 您能添加任何您尝试过解决此问题的 css 代码吗?
  • 如果你想使用 Bootstrap 3,我认为没有办法,使用 Bootstrap 4 你有实用程序类来添加填充和边距,例如:p-2 mx-5

标签: css twitter-bootstrap-3


【解决方案1】:

在 css 中,您可以像这样在第一个标签的右侧添加 10px 填充...

.form-group label:first-child {
    padding-right: 10px;
}

【讨论】:

    【解决方案2】:

    这很陈旧,但如果你不想走 CSS 路线,你可以简单地添加 nbsp;'s。

    代码:

    <div class="row">
        <div class="col-md-12">
            <div class="form-group">                            
               <label>Score Content:</label>&nbsp;&nbsp;&nbsp;&nbsp;<label id="lbl_lblcontent"></label>
            </div>
        </div>
    </div>
    

    【讨论】: