Css 引导数据错误显示中断布局

抱歉，如果这是一个愚蠢的问题，但我无法理解这个简单的布局

这是我的简单输入字段，带有电子邮件字段，如果用户输入无效电子邮件，则显示错误，如下所示：

<div class="form-group">
    <label for="txtEmail" class="col-sm-3 control-label">Email Address:</label>
    <div class="col-sm-9">
        <div class="input-group  col-md-12 form-group has-feedback">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-envelope"></span>
            </span>
            <input type="email" id="txtEmail" class="form-control" placeholder="Enter Email Address" data-minlength="50" data-error="Please enter valid email address" required>
            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
            <div class="help-block with-errors"></div>
        </div>
    </div>
</div>

电邮地址：

结果显示为：

我需要的东西如下所示：

---

您能在此处重新创建问题吗<代码>在您的代码中丢失。您能在此处重新创建问题吗<代码>在您的代码中丢失。