twitter-bootstrap - 自定义 Bootstrap LESS 输入附加

Question

我正在使用 LESS 变量自定义 Bootstrap。我在一定程度上取得了成功。我被困在表单控件中。

如果我在下面写，按钮扩展效果很好（顺便说一句，这是玉），

        form
            div.input-append
                input.span2#appendedInput(type="text", placeholder="Email")
                button.btn(type="submit") Submit

它运作良好，如下所示：

但是，如果我不想用引导变量乱扔布局文件并尝试以下它不起作用。

布局.jade

div.email-action
                    input#appendedInput(type="text", placeholder="Email")
                    button(type="submit") Submit

布局.css

email-action{
    .input-append;
    input{
        .span(2);
    }
    button{
        .btn;
    }
}

看起来像：

如何解决这个问题？

谢谢。

Answer 1

您的email-action选择器缺少一个.（应该是.email-action）。事实上，它选择的是一个元素而不是一个类。