Bootstrap input-group textbox + input-group-addon not aligning

Question

我似乎有一个简单的Bootstrap问题。当使用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

我相信如果你将文本中心类添加到每个元素，它将使它们居中。