Html span未使用引导3与输入内联

我正在使用Bootstrap3，表单标签中的表单水平。我正在使用表单组，如下面的示例HTML所示。span不与输入控件内联，因为它是使用水平窗体所期望的

<form name="productForm" class="form-horizontal">
<div class="col-lg-6">
    <div class="form-group">

            <span class="col-lg-4 col-md-4 col-sm-4 col-xs-4" style="text-align:right;">Number</span>

        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            <input type="text" class="form-control  control-look-input" />
            <div class="control-look"></div>
        </div>
    </div>
    <div class="form-group">

            <span class="col-lg-4 col-md-4 col-sm-4 col-xs-4" style="text-align:right;">Name</span>

        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            <input type="text" class="form-control control-look-input" />
            <div class="control-look"></div>
        </div>
    </div>
</div>
<!-- More tags -->

数
名称

为了更好地理解这一点，这是最好的选择

参考解决方案：

---

请参考span中的控件标签类，使其像

一样工作，因为您的信息有点有限，所以很难判断其他样式是什么。由于

和

实际上位于两个不同的div中，可能不会设置为内联显示，因此没有实现正确的样式可能会影响表单

.form-horizontal div {
    display: inline-block;
}

以下是我所说的独立div的意思，可能因为没有使用“标签”，所以您的两个独立div不是内联的：

看起来Bootstrap使用的是实际的标签，所以您可能想朝这个方向冒险？（示例见下文）

---

所有您需要做的只是将span更改为label，并将其置于保存输入的div之上，如以下代码所示：

数
名称

您能详细介绍一下您希望用于此HTML的CSS问题吗？我使用的是Bootstrap 3，除此之外，没有其他CSS涉及。在中，我看到当col-md-4不用于label时，label和input控件是内联的。在我的例子中，我必须在span的顶部使用col-md-4。我曾经使用display:inline block；。在这里，我集中精力通过使用Bootstrap使其工作，因为似乎有一种方法可以做到这一点。我试着使用标签的形式水平，并没有为我工作。我的理想要求是跨度。谢谢@MichaelI通过移除span外部的div尝试了它，我也尝试了用标签代替span。请参阅及。我的问题没有解决。它们仍然没有与输入内联。谢谢@mohammed看起来你的代码让它们内联了。让我根据你的代码试试。谢谢@Mohammed。发现“控件标签”类正在发挥作用。我的代码没有。欢迎@Venu，请不要忘记给出最佳答案，谢谢