引导程序4：2个单词的标签名称分为2行

Question

当我在“不确定”和“确定”之间放置空格时，我的标签“不确定”会出现在第二行。我不知道为什么会这样，当我删除空格甚至输入一个长字时，它不会进入下一次，但是当我在空格之间输入下一行时，当我对其他标签执行此操作时，也会发生同样的情况。当我评论 col-sm-8 时，它可以解决问题，但该标签与其他标签不匹配。请大家帮忙谢谢！ ：（

<div class="row">
<label for="user-role" class="col-sm-4 col-form-label text-right">*How likely is that you would
    recommend freeCodeCamp to a friend?</label>
<ul class="list-unstyled">
    <li>
        <div class="col-sm-4">
            <div class="form-check">
                <label for="" class="form-check-label"> <input type="radio" name="user-recommend" class="form-check-input">
                    Definetely</label>
            </div>
        </div>
    </li>
    <li>
        <div class="col-sm-4">
            <div class="form-check">
                <label for="" class="form-check-label"> <input type="radio" name="user-recommend" class="form-check-input">
                    Maybe</label>
            </div>
        </div>
    </li>
    <li>
        <div class="col-sm-8">
            <div class="form-check">
                <input type="radio" name="user-recommend" class="form-check-input">
                <label for="user-recommend" class="form-check-label">Not Sure</label>
            </div>
        </div>
    </li>
</ul>