Bootstrap 4 Bootstrap 4联系人表单，有3列

现在问题已经解决了，谢谢您

我用Bootstrap4为我儿子建立了一个一页的网站。我正试图让联系表有3列，并排，为姓名，电子邮件和电话。它在一列中呈现。我从Bootstrap复制了代码，但似乎无法正确获取

这是我的密码

姓名*
电子邮件*
电话
信息*
*这些字段是必需的

您过早地关闭了

行



名字*
电子邮件*
电话

您过早地关闭了
行



名字*
电子邮件*
电话

谢谢，这几天我都快发疯了。我甚至使用了W3HTML验证程序。我患多发性硬化症已经快20年了。它有时让我的思维有点支离破碎。谢谢你，这几天我都快发疯了。我甚至使用了W3HTML验证程序。我患多发性硬化症已经快20年了。它有时让我的思维有点支离破碎。
<div class="controls">
        <div class="row">
            <div class="col-sm-4">
                <div class="form-group">
                    <label for="form_name">Name *</label>
                    <input id="form_name" type="text" name="surname" class="form-control" placeholder="Please enter your name *" required="required" data-error="name is required.">
                    <div class="help-block with-errors"></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <label for="form_email">Email *</label>
                    <input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
                    <div class="help-block with-errors"></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <label for="form_phone">Phone</label>
                    <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone number">
                    <div class="help-block with-errors"></div>
                </div>
            </div>
        </div>
    </div>