질문 Q #10981
CI에 부트스트랩을 적용 시킬려고 합니다.
거친보노보노 2013-11-26 09:34:53
 우선 부트스트랩  파일경로를 test/application/views/ 에 다 집어 넣었습니다.
그러니까 
test/application/views/css 
test/application/views/fonts
test/application/views/js
라는 폴더가 존재하죠
그런 후에  부트랩에서 재공하고 있는 테스트 페이지 소스를 뷰에다 띄었습니다.
그런데 폰트도 바뀌지 않고 적용이 안되는 모습이었습니다. 



<!DOCTYPE html>

<html>

  <head>

    <title>Bootstrap 101 Template</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 부트스트랩 -->

    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

  </head>

  <body>

    <h1>Hello, world!</h1>

    <!-- jQuery (부트스트랩의 자바스크립트 플러그인을 위해 필요한) -->

    <script src="//code.jquery.com/jquery.js"></script>

    <!-- 모든 합쳐진 플러그인을 포함하거나 (아래) 필요한 각각의 파일들을 포함하세요 -->

    <script src="js/bootstrap.min.js"></script>

    <!-- Respond.js 으로 IE8 에서 반응형 기능을 활성화하세요 (https://github.com/scottjehl/Respond) -->

  </body>

</html>







그래서 절대경로로 전부다 바꿨습니다.






<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">이 문장을
---->> 수정 <link href="/application/views/css/bootstrap.min.css" rel="stylesheet" media="screen">

<script src="js/bootstrap.min.js"></script> 이 문장을
---->> 수정<script src=">application/views/js/bootstrap.min.js"></script>






그 후 실행해도 폰트가 적용이 안됩니다.

어떻게 하면 적용할 수 있을까요??
답변 9
#1 헛발이 2013-11-26 10:13:27
일단은 URL로 직접 접근해 보세요~

그러면 무슨 에러가 나오는지 알수 있는데.. 파일을 못찾으면 경로가 틀린것이고...

접근권한이 없다면 아마 .htaccess에서 해당 경로가 막혀 있는것일지 모릅니다..


#2 수야디벨 2013-11-26 10:40:35
저도 경로가 틀린거 처럼 보여지는데요 ..

일단 부트스트랩을 application 하위 폴더가 아니라 동일 선상에 폴더하나 만들어서 하세요.

만약 폴더명이 boot라면   /boot/css/bootstrap.min.js  이런식으로   상대접근할수있거든요?

만약에 그래도 안된다 하시면 동일한 폴더에 이미지 파일을 올려서 

<img src="/boot/css/test.png'> 식으로 이미지를 출력해보세요.

이미지도 출력이 안되면 경로 설정문제가 확실합니다 .


index.php는 죽이신거죠?



#3 한대승(불의회상) 2013-11-26 10:44:04
index.php가 있는 디렉토리에 폴더를 만드세요.
그 안에 부트스트랩 파일을 집어 넣으세요.

그리고 경로를 예처럼 하셔서 사용 하시면 됩니다.

예>  /boot/css/bootstrap.min.js
#4 거친보노보노 2013-11-26 10:50:39
먼저 허접한 질문에 관심 가져주셔서 감사합니다!!

지금 여러가지를 시험해보고 있는 중이라 index.php는 죽이지 않았고 우선 경로테스트를 먼저 해보겠습니다. 

감사합니다!!

#5 거친보노보노 2013-11-26 11:11:56

 

폴더를 index.php에 있는 곳에 만들고 경로를 아래와 같이 바꾸니까 적용이 되었습니다.

<link href="/test/boot/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="/test/boot/js/bootstrap.min.js"></script>

그런데 부트스트랩 파일을 application 폴더 안에 넣으면 퍼미션 문제 때문에 되지 않는 군요.

그 전에 안되었던게 퍼미션때문에 그랬던 것 같습니다.

이 문제를 해결 할 수 있는 방법은 없을까요??

#6 수야디벨 2013-11-26 13:24:26

퍼미션 문제는 chmod를 755로 주거나 , 그 디렉토리 소유자의 아이디로 로그인해서 작업하시면 됩니다.

그리고 한대승님께도 언급하셨지만index.php가 있는 디렉토리에 폴더를 만드세요.

그렇게 쓰는게 좋 을꺼같아요. 왜 굳이 applciation 안에다가 넣으시려 하는지 ..

#7 니삼 2013-11-26 17:18:41
css js는  index.php와 같은경로에 있어야합니다~
어플리케이션 안에 넣어도 상관없지만
/application/views/css/ 이렇게 접근하는건 비추드려요
#8 닉 2013-11-27 09:16:41
혹시 app폴더에 접근 하시려면 ci 메뉴얼 상수쪽 보면 어플 페스던가 있어요 그걸로 접근하셔도 되요
#9 거친보노보노 2013-11-27 09:46:17
고수님들의 답변 너무 감사드립니다~~!!

이것저것 해보고 있는데 막혀서 질문드린건데 추천하는 방식대로 하겠습니다!

아직초보라 어떠한 것도 해본적이 없어서 많이 부족합니다.

앞으로도 좋은 조언 부탁드립니다!!

감사합니다!