引导程序填充不起作用

Question

我已经正确导入了引导程序文件，而且它似乎是在起作用，因为行和cols似乎正在工作。

但是，我有此文件使用一个表格：

.container
    .row
        .col-x-12.col-md-6
            form.form-horizontal(action="/location", method="get", role="form")
                .form-group
                    label.col-xs-10.col-sm-2.control-label(for="name") name
                    .col.xs-12.col-sm-10
                        input#name.form-control(name="name")
                .form-group
                    label.col-xs-10.col-sm-2.control-label(for="rating") rating
                    .col-xs-12.col-sm-10
                        select#rating.form-control.input-sm(name="rating")
                            option 1
                            option 2
                            option 3
                            option 4
                            option 5
                .form-group
                    label.col-xs-12.col-sm-2.control-label(for="review") review
                    .col-xs-12.col-sm-10
                        textarea#review.form-control(name="review", rows="5")
                button.btn.btn-default.pull-right Add my review

填充似乎不起作用。不同的形式组没有间隔。另外，"添加评论"按钮不会向右拉。

建议？

Answer 1

您的第一个.col-x-12.col-md-6缺少" S"。对于初学者来说，这应该是.col-xs-12.col-md-6。您可以使用col-xs-offset-1例如给出表单元素间距。

Answer 2

首先检查HTML结构是否正确。如果您使用的是自定义样式CSS，请将其删除并检查问题仍然存在。最后共享整个HTML以进一步寻找。

Answer 3

与.form-group类添加.ROW类。