그누보드에 부트스트랩 적용 - (5)

메뉴에서 게시판을 클릭해서 나오면 드롭다운 메뉴가 먹통이 되는데..게시판과 관련이 있을거 같다.

우선 부트스트랩을 이용해서 게시판의 내용을 container 안에 넣어야겠다.

head.php 에서 nav 코드 다음에 아래 코드를 작성!

<!-- 게시판 등 컨텐츠 감싸기 -->

<div class="container">

<div class="row">

<div class="col-md-12">

tail.sub.php 에서 저것들을 닫아줘야겠지.

</div><!-- /.col-md-12 -->

</div><!-- /.row -->

</div><!-- /.container -->

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

</body>

</html>

<?php echo html_end(); // HTML 마지막 처리 함수 : 반드시 넣어주시기 바랍니다. ?>

아래처럼 가운데로 싹 모아주네..

게시판 쪽을 살펴봐야겠는데...

기본 basic 스킨 css 로 표시되고 있다.

부트스트랩으로 바꿔주려면 css 가 아니라 php 소스를 손봐야할거 같다.

게시판은 bbs/board.php 가 관할한다. 소스 들여다 봐야지.

board_head.php 와 board_tail.php 는 게시판 상단, 하단에 들어가도록 관리자가 설정한 내용을 끌어오는 기능을 하고 있고...

/bbs/board.php?bo_table=bbs01 이렇게 접근을 할 때는 list.php 가 동작한다.

글 아이디도 넘어가면 view.php 가 동작한다.

우선 list.php 부터....

list.php 에서는 표시할 데이터를 DB에서 가져와 정리하고, 표시는 skin/board/basic/list.skin.php 가 하게되어있다.

오호~~

부트스트랩으로 스킨을 만들어주면 되겠구나~~

.../skin/board/ 아래에 bt 라고 디렉토리를 하나 만들어주고, basic 디렉토리 안에 있는 파일을 복사해 놓고 진행해봐야겠다.

관리자 페이지에서 게시판01 의 스킨을 bt 로 변경하고, .../skin/board/bt/list.skin.php 파일을 수정하면 되겠다.

우선 style.css 를 가져오는 코드를 막자.

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

//add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);

css 적용되지 않으니 아래처럼 보이네.

그럴싸하게 보이도록 php 소스에 나타나있는 id, class 등을 부트스트랩 걸로 바꿔줘야겠다.