티스토리 블로그, fastboot 스킨 사이드바 넓이(폭) 변경하는 방법

티스토리 블로그, fastboot 스킨 사이드바 넓이(폭) 변경하는 방법

사이드바의 폭을 변경하는 방법은 꼭 fastboot 스킨이 아니어도 다른 스킨을 사용하더라도 수정 방식이 동일한 것으로 알고는 있는데 fastboot 스킨 외엔 따로 폭을 조정할 필요성을 느끼지 못해 시도를 해보진 않았답니다.

두장의 사진을 비교해 보면 사이드바의 폭이 서로 다른 것을 확인 할 수 있는데요. 무엇을 변경하면 저렇게 사이드 바의 폭을 변경할 수 있는지 폭을 변경하는 방법에 대해 알아보도록 하겠습니다.






블로그관리로 이동하셔서 Html/Css 편집창을 열어주세요. 잘보고 따라하시면 전혀 어렵지 않게 변경 하실 수 있습니다.

Html 편집창에서 Ctrl+F (검색)를 이용해서 col-md를 검색하면 위 사진과 같은 문구를 찾으실 수 있습니다. 스킨마다 조금씩 다르긴 하지만 대부분이 이렇게 "col-md-8", "col-md-4"로 되어 있답니다. 8+4로 합이 12가 됩니다.

여기서 8은 본문의 넓이이고 4는 사이드바의 넓이를 나타냅니다. 이 수치를 변경시키면 본문의 폭과 사이드바의 폭이 변경이 되는데 이때 유의해야 할 점은 변경한 두 숫자의 합이 12가 되야 한다는 겁니다.

(Ex : 본문7+사이드바5/ 본문9+사이드바3)

기존에 "col-md-8"이던 본문을 "col-md-9"로 크게 키우고 사이드바를 "col-md-4"에서 "col-md-3"으로 작게 만들어봤습니다. 그 결과값이 본 글의 처음에 올린 비교 사진에서 사이드바 변경 후의 값이랍니다.

치수 변경 전에 비해 본문은 넓어지고 사이드바가 줄어든 것을 확인 할 수 있습니다. 약간의 숫자를 변경해 글쓴이가 원하는 치수에 맞게 본문과 사이드바의 치수를 변경해서 사용하시면 됩니다.