Jade / Pug - Bootstrap列不起作用

Question

我正在使用jade / pug和Bootstrap创建一个简单的表单。但标签和字段是垂直显示的，而不是列中的每一个。

我错过了什么吗？

div.container-fluid(style='margin-top:40px')
    div.form-group.row
        label.col-2.col-form-label(for='username') Username
        div.col-10
            input.form-control(type='text' value=user.username id="username" disabled="true")
    .form-group.row
        label.col-2.col-form-label(for='first_name') Nombre
        .col-10
            input.form-control(type='text' value=user.first_name id="first_name" disabled="true")
    .form-group.row
        label.col-2.col-form-label(for='first_name') Apellidos
        .col-10
            input.form-control(type='text' value=user.last_name id="last_name" disabled="true")
    .form-group.row
        label.col-2.col-form-label(for='email') Email
        .col-10
            input.form-control(type='text' value=user.email id="email" disabled="true")