css - Bootstrap 输入组插件向右浮动

Question

我试图让我的输入范围全部在一行中并连接，但在我添加跨度部分后，插件和最后一个文本框 float 到右侧，使它们没有连接。它在手机上工作正常，但在普通显示器上它把它们分开了。如何将插件和最后一个文本框移动到第一个文本框旁边？ (年份和价格文本框是我的问题的例子)

这是它的样子:

这是 Year 代码的样子:

<div class="form-group">
    <label for="tbxBegYear" class="col-sm-2 control-label">Year</label>
    <div class="col-sm-10">
        <div class="input-group">
            <asp:TextBox ID="tbxBegYear" CssClass="form-control" runat="server" MaxLength="4" placeholder="Begin"/>
            <span class="input-group-addon">-</span>
            <asp:TextBox ID="tbxEndYear" CssClass="form-control" runat="server" MaxLength="4" placeholder="End"/>
        </div>
    </div>
</div>

Answer 1

以下代码有效，所以我猜您在某处有一些 CSS，我们需要查看这些 CSS 才能回答问题:

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" rel="stylesheet"/>

<div class="input-group">
    <input type="text" class="form-control" placeholder="Start"/>
    <span class="input-group-addon">-</span>
    <input type="text" class="form-control" placeholder="End"/>
</div>