2013-11-15 6 views
0

마침내 배우기를 원했고, 지금까지는 전적으로 그것을 사랑합니다. 나는 Bootstrap 3을 사용하고 있으며, 덜 복잡한 문서에 컨테이너와 행을 만들 때 약간의 문제가 있습니다.LESS와 Bootstrap 3에 조금 문제가 있습니다.

간단한 HTML 예 :

<header> 
    <article>...</article> 
    <aside>...</aside> 
</header> 

내 LESS는 다음과 같습니다 나는 용기의 외부에 내 헤더를 유지하고있어

header 
    .container-fixed(); 
    .make-row(); 
    article { 
    .make-md-column(6); 
    } 
    aside { 
    .make-md-column(6); 
    } 
header 

을 내가 100 % 전체를 스트레칭 배경을하고자하기 때문에 . "ParseError : Unrecogonized input on line 2, columns 26"오류가 계속 발생하고 .container-fixed();를 가리키고 있습니다. 및 .make- 행();

나는이 물건에 별난 존재가 아니지만, 내가 이해하지 못하는 매우 단순한 무언가가 있다고 확신한다. 도움!

답변

1

당신은 내 코드는 다음과 같습니다 용기는 여전히 내 페이지의 전체 폭에 걸쳐있다, header

header { 
    .container-fixed(); 
    .make-row(); 
     article { 
      .make-md-column(6); 
     } 
     aside { 
      .make-md-column(6); 
     } 
} 
+0

좋아 주위에 중괄호를 포장해야합니다. 내가 누락 된 부분을 정의해야하는 변수가 있습니까? HTML에 .container를 추가하면 정상적으로 작동합니다. 대답이 너무 단순하다는 것을 알기에 조금 실망 스럽습니다. 단지 아직 클릭하지 않았습니다 ... – user2997449

+0

당신이 생성 한 LESS 파일에'bootstrap.less' 파일을 가져 오는 한 그것이 작동해야합니다. – Stigma

+0

나는 내 무지를 사과하지만 여기 나와 함께있어. 나는 WinLESS에 내 작업 폴더가 있고 bootstrap.less 만 체크했다. 또한 style.less 파일을 만들고'@import '스타일을 추가했습니다. ";"를 내 bootstrap.less 파일에 추가했습니다. 위에 게시 한 예제 코드에서 변경 한 사항 (예 : 열 너비 변경)은 정상적으로 작동합니다. 모든 것은 작동하지만 .container-fixed(); 수업. – user2997449

관련 문제