Html 如何以水平形式组合输入和跨距？

我想将一些跨距和一些输入组合成水平形式

简单输入代码：

<div class="form-group">
    <label class="col-sm-2 control-label">Bob: </label>
    <div class="col-sm-4">
        <input type='text' data-buttonText="bob" />
    </div>
</div> 

鲍勃：

如果我会这样做：

<div class="form-group">
    <label class="col-sm-2 control-label">Bob: </label>
    <div class="col-sm-4">
        <span>Some text</span>
    </div>
</div> 

鲍勃：
一些文本

我将得到以下结果：

---

因此，标签文本和跨距文本不在一行中。我想把它们放在一条线上。Span的文本必须与标签的文本相对。我如何使用bts方法实现这一点？

您可以这样使用。不需要使用额外的div

<div class="form-group">
<label class="col-sm-2 control-label">Bob: </label><span>Some text</span>

鲍勃：一些文字

---

表单组内的

输入

标记具有框架给定的特定高度。但是，当您省略标记并仅填充文本时，它就没有规定的

填充

、

边距

和/或

高度

。因此，为了使其对齐，您需要在

col-*

类中添加一个额外的

div

，并在顶部填充

e、 g


一些文本
我无法重现这个问题：对我来说似乎很好。填充帮助了我，但这是一个太明显的解决方案：）我认为没有神奇的数字就可以实现我想要的：'（感谢你接受答案，伙计：）你可以在没有填充的情况下实现这一点，如果在
css
中为
内部div
指定特定高度。因为只有在
css
中有特定的
高度和
填充，输入才能正常工作@谢里科夫拉迪斯拉夫
<div class="col-sm-10">
  <div style="padding-top: 6px;">Some text</div>
</div>