채택완료

그누보드5인데 부트스트랩을 사용하려면 어떻게 해야 하는지요?

2026-04-21 (화) 23:14:56 312
카페24 호스팅이고
php8.4 입니다.

부트스트랩 적용되게 하려면 어떻게 해야 하는지 궁금하네요.

그동안 부트스트랩 적용된 테마만 사용하다가 
안된 테마를 사용하게 되었는데
직접 해보려고 합니다.

조언 좀 부탁드립니다~^^
|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
직접 넣으셔야해요 bootstrap 홈페이지 들어가셔서 최신버전 다운로드 이후에 순정 그누보드 기준 테마를 쓰신다면 /theme/basic/안에 다운받으신 bootstrap 파일을 넣으세요 압축받으신 bootstrap 파일 여시면 css,js 폴더 두개 있는데 간단하게 전부 적용을 원하시는거면 bootstrap.bundle.min.js 는 js폴더에, bootstrap.min.css는 css 폴더에 넣으시고 head_sub.php에 연결시키면 됩니다.
add_javascript('<script src="'.G5_THEME_JS_URL.'/bootstrap.min.js"></script>', 0);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_CSS_URL.'/bootstrap.min.css">', 0);

이런식이 되겠죠 테마를 사용하지 않으신다면 같은방식으로 js,css 폴더에 파일 넣으시고 head_sub.php에 코드를 넣어주세요 대신 G5_THEME_JS_URL이 아닌 G5_JS_URL, G5_CSS_URL 이 되겠죠

답변에 대한 댓글 1개

2026-04-23 (목) 13:33:44
자세한 설명 감사합니다 ^^

부트스트랩 테마 head.sub.php 파일에 정보 다 있어요.

그거에 맞게 해당 부트스트랩 받아서다가 비슷한 구조가 되게 업로드 후 경로 맞추시면 됩니다.

그런 후, 각 요소에 해당 부트스트랩 버전에 맞는 클래스 적용하면 돼요.

말이 참 간단하죠? 원리는 위가 전부인데, 변환 작업하려면 죽을 맛일 듯 합니다.
일단, 매뉴얼 보면서 클래스 적용해야 하니...

이미 만들어진 거 조금 수정해 쓰는 게 속 편합니다.

아니면, ai 사이트에 파일 첨부 후, 해당 BS 버전에 맞게 코드 수정해줘 하든가..

컨피그에서 모바일모드 사용 중지시키고 하시든가, PC모드 사용 중지시키고 하시든가....

한 모드로 선택 후 작업하셔야... 보통은 모바일모드로 작업하시더라구요.

답변에 대한 댓글 2개

2026-04-21 (화) 23:35:24
우선 답변 감사드립니다.

현재 사용하는 테마가 부트스트랩 적용이 안된 테마인데 head.sub.php 파일 정보에 다 있는건가요??

제가 잘 못 이해를 한것 같은데..

혹시 적용 테마의 head.sub.php 파일에 관련 정보가 있으니 그에 맞게 하라는 말씀이실까요?

head.sub.php 소스 내용에

add_javascript('<script src="' . G5_JS_URL . '/jquery-1.12.4.min.js"></script>', 0);
add_javascript('<script src="' . G5_JS_URL . '/jquery-migrate-1.4.1.min.js"></script>', 0);
add_javascript('<script src="' . G5_JS_URL . '/jquery.menu.js?ver=' . G5_JS_VER . '"></script>', 0);

이 부분이 있는데 이것을 말씀하신걸까요?
답변에 "부트스트랩 테마 head.sub.php 파일"이라고 말씀드렸는데...^^;
(베이직테마처럼 부트스트랩 적용 안 된 테마는 당연히 참고할 게 없죠. ㅎ)
이미 제작된 부트스트랩 테마를 뜯어보면서 BS 전용 CSS JS 불러오는 구조 파악과 클래스 적용 어떻게 했나 살펴보며 공부하는 게 최선입니다.

답변을 작성하려면 로그인이 필요합니다.