自定义Bootstrap LESS输入附加

Question

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

如果我写下面的内容，按钮扩展功能很好（顺便说一句，这是玉石），

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

效果如下：

但是，如果我不想使用bootstrap变量乱丢布局文件，请尝试以下操作。

layout.jade

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

layout.css中

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

看起来像：

如何解决这个问题？

感谢。

Answer 1

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