부트 스트랩 사용자 정의 덜 입력 - 추가

Question

저는 LESS 변수를 사용하여 부트 스트랩을 사용자 정의하고 있습니다. 나는 어느 정도 성공했다. 나는 폼 컨트롤에 붙어있다. I 경우, 그러나

: 그것은 다음과 같이 잘 작동

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

나는 아래 작성하는 경우, 버튼 확장 (BTW,이 옥에) 잘 작동, 부트 스트랩 변수로 레이아웃 파일을 깔끔히 쓰고 싶지는 않습니다. 아래에서 시도해보십시오.

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이어야 함)이 누락되었습니다. 그것은 클래스가 아닌 요소를 선택하는 것입니다.