TIP게시판

제목 Webpack - Bootstrap4 - media-breakpoint 에러 발생시
글쓴이 벤지 작성시각 2019/12/05 15:26:34
댓글 : 0 추천 : 0 스크랩 : 0 조회수 : 7464   RSS

webpack 으로 퍼블리셔와 개발할 때

 

환경

- webpack

- bootstrap : scss 

 

media-breakpoint-** 에러 발생시, 제일 상위 scss 에 아래 코드을 import 해주시면 됩니다.

( 아래 파일이 없다고 오류 발생시, node_modules 아래에 bootstrap 폴더 구조를 확인하세요 )

 

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/_variables.scss";
@import "~bootstrap/scss/mixins/_breakpoints.scss";

 

사용하는 코드 예

  @include media-breakpoint-up(lg) {        
    ~
    ~
     h1 {
      font-size: 3rem;
    }
  }
 
 
 
  @include media-breakpoint-up(xl) {
    h1 {
      font-size: 3.2rem;
    }
  }
 

 

 

 다음글 PHP LOAD CLASS 확인 (2)
 이전글 배열 gorup by 함수 (2)

댓글

없음