引导输入组文本框+输入组插件未对齐

Question

我似乎有一个简单的引导程序问题。当使用input-group + input-group-addon（或input-group-button）时，文本框出现在屏幕左侧，而插件或按钮在屏幕右侧，屏幕最大化时。

我已经用这段代码替换了标准 mvc5/visual studio 2013 项目的 index.cshtml 以重新产生这种效果。我错过了什么？

   <div class="row">
    <div class="input-group">
        <span class="input-group-addon">@@</span>
        <input type="text" class="form-control" placeholder="Username">
    </div>

    <div class="input-group">
        <input type="text" class="form-control">
        <span class="input-group-addon">.00</span>
    </div>

    <div class="input-group">
        <span class="input-group-addon">$</span>
        <input type="text" class="form-control">
        <span class="input-group-addon">.00</span>
    </div>
</div>

Answer 1

我相信，如果您将 text-center 类添加到每个元素，它将使它们居中。