Bootstrap padding not working
<p>I've correctly imported my bootstrap file, and it seems to be working because the rows and cols seem to be working.</p>

<p>However, I've got this file that uses a form:</p>

<pre><code>.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
</code></pre>

<p>The padding for this doesn't seem to be working. The different form groups are not spaced apart. Also, the "Add review" button doesn't pull to the right.</p>

<p>Suggestions?</p>