使用PHP错误消息的Bootstrap附加奇怪的行为

Question

我正在尝试学习Bootstrap并正在练习他们的组件。它运行得非常好，但是当我尝试添加一些我自己的PHP错误消息时，我会对@组件产生不良影响：

<div class="col-md-4 input-group">
  <span class="input-group-addon">@</span>
  <input type="email" class="form-control" id="email" name="email" placeholder="someone@example.com" value="<?php echo htmlspecialchars($_POST['email']); ?>">
  <?php echo "<p class='text-danger'>$errEmail</p>";?>
</div>

为什么会这样？我试图嵌套，风格，但它不起作用。

Answer 1

将您的段落移到输入组之外：

<div class="col-md-4 input-group">
  <span class="input-group-addon">@</span>
  <input type="email" ...>
</div>

<?php echo "<p class='text-danger'>$errEmail</p>";?>

<强> Demo