在标签之间放置间距答案

【问题标题】：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>

【讨论】：