以下情况的原因是什么？

【问题标题】：what is the reason for following situation?以下情况的原因是什么？
【发布时间】：2019-02-07 07:43:44
【问题描述】：

这是什么原因？我这部分的代码：

<label class="form-check-label">
      <input type="checkbox" class="form-check-input">
      <small>Remember Me</small>
</label>

为什么崩溃复选框和文字如下图？？

请帮助我。在此先感谢。

【问题讨论】：

原因是你没有分享的CSS
把问题的标题改成有意义的东西，强烈推荐阅读How to Ask和minimal reproducible example。

标签： html css bootstrap-4

【解决方案1】：

将标签放在<div class="form-check"> 中可以解决您的问题。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<div class="form-check">
<label class="form-check-label">
      <input type="checkbox" class="form-check-input">
      <small>Remember Me</small>
</label>
</div>

【讨论】：