Bootstrap 4

Bootstrap 4

  • Read Level:1
  • Write Level:10
  • Upload Size:10Mb

그누보드에 설치하기

페이지 정보

본문

그누보드에 설치하기 


기존 jquery 1.8.3 주석처리 하기

사용하는 테마디렉토리 아래 head.sub.php 파일 

<script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>

를 아래와 같이 주석처리

<!-- <script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script> -->


https://jquery.com/download/ 에서 jquery 최신버전 다운로드


그누보드/js 에 업로드 합니다.

<!-- <script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script> --> 윗줄에 

<script src="<?php echo G5_JS_URL ?>/jquery-3.3.1.min.js"></script> 추가해 주세요. 다운받은 버전명으로 추가.



CDN으로 부트스트랩 사용

https://www.bootstrapcdn.com/ 접속 후 CDN코드를 아래와 같이 추가하세요.


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js">

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js">

<script src="https://code.jquery.com/jquery-migrate-3.0.1.js"></script>




직접 업로드해서 설치하기

bootstrap 4.x 최신버전을 /js/bootstrap4 업로드하세요.

그누보드에 사용된 jquery 하위버전 코드를 에러없이 사용하기 위해 아래 코드 추가합니다.

https://github.com/jquery/jquery-migrate 다운받은 후 그누보드/js에 업로드 하세요.


<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/bootstrap4/css/bootstrap.min.css">

<script src="<?php echo G5_JS_URL ?>/bootstrap4/js/bootstrap.min.js"></script>
<script src="<?php echo G5_JS_URL ?>/jquery-migrate-3.0.1.js"></script>

head.sub.php 에 추가해주시면 됩니다.





댓글목록

등록된 댓글이 없습니다.

Bootstrap 4

Total 2건1 페이지
게시물 검색