티스토리 뷰

부트스트랩으로 사이트 만들어볼란디 어렵네


이전에는 pc별도,모바일 별도로 제작했었고

시간이 좀 지나서는  pc,모바일 통합으로 반응형으로 제작


하루 자고 일어나면 새로운 게 등장하고, 또 새로운 게 또 등장하고,

이건 뭐 시작도 전에 덜덜덜덜

도태냐, 진보냐 기로에서 본의 아니게 도태되는 느낌

자신감은 떨어지고...

매번 만드는 시간보다 수정하는 시간이비슷한 디자인도 징글징글


의뢰 들어와도 저 이제 디자인 안해요 -_- 이러고 있고

겔겔겔~~


모바일 점유율이 높아져서

운영하던 사이트도 나름 적응형으로 만들었는데

뭔가 어설픈 적응형 사이트고...


모바일,pc 페이지를 손쉽게 제작가능한 부트스트랩!

아무 생각 없이 부트스트랩으로 사이트 제작 gogo


토렌트형식으로 제작해보려고 했는데 (운영할 건 절대 아니고)

제작하면서 급 선회 ㅋㅋㅋㅋ


하라고 해서 억지로 했음 안했을 듯!!


게임하면서 강화 말아먹을 때마다 ㅋㅋ 부트스트랩 건들고,

그렇게 3주가 다 되어 가네 ㅋㅋㅋ 찔끔찔끔 건들다 보니!!



무료 템플릿도 많지만, 어차피 내 맘에 들게 하려면

수정해야 하니 일일히 가이드 보면서 만들어 봄!!


부트스트랩으로 사이트 만들기



1. 다운로드야 숩지

 http://bootstrapk.com/getting-started/

 2. 대충 필요한 놈들만 서버에 올리고,

 

 3. 기본 템플릿으로 뼈대 잡고,

 http://bootstrapk.com/getting-started/#template

 4. 그리드 파악하고,

 http://bootstrapk.com/css/#grid

 5. container,container-fluid,row,

col-lg, col-md,col-sm,col-xs 가 뭔지 파악하고,

 http://bootstrapk.com/css/#grid-options

 6. 큰화면, 작은 화면 숨은 메뉴 파악하고

 http://bootstrapk.com/css/#responsive-utilities

 http://bootstrapk.com/components/#navbar

 7. 모바일에서 숨김메뉴가 아닌

네이버 터치 스크롤 매뉴 적용해보고

 http://malza.com

 8. 사이트가 심심하지 않게 이미지도 넣고,

 http://bootstrapk.com/components/#jumbotron


원하는대로 하려고 하니 기본 css 수정이 많아지네 훔...

원래 시안없이 바로 적용하면서 코딩도 같이 하는편인데

이번엔 좀 구색 맞추고, 그누보드로 연동하려는 중이라는...


3주째 메인 화면만 손 보는 중 ㅋㅋㅋㅋㅋㅋ

마무리나 시킬려나 몰겠다 ㅋㅋㅋㅋ


텅텅 빈 곳은 배너가 있었는데 영역 비워둔 상태라 훵~`


가속 좀 붙여야겠다 -0 -


http://t.bye.kr





이 포스팅 쓰고, 다음날 그냥 바로 서버올려서 그누보드 입히면서 만드는 중

아래 두 곳 참고하면서 ㅋㅋㅋ


https://bootsnipp.com/tags

http://bootstrapk.com/components/#btn-groups



제작중인 사이트

http://chilgok.bye.kr




공유하기 링크
댓글