부트스트랩 신기한 것!!!

내가 아무리 머리를 짜고 시간과 공을 들여도

부트스트랩 코드 하나를 이길 수 없었다!!!!!!!!!!!!!!!!

내가 만드는 코드와 부트스트랩을 사용해 만드는 코드를 비교해봤을때,

시간과 노력의 모든 면에서 .......... 부트스트랩이 훨~씬 우위였다. ㅜㅜ

 

 

웹개발 강의를 들으면서 부트스트랩을 사용해서 뭔가를 만들어보고싶어서

쉬운 페이지 하나를 골라서 따라만들기를 해봤다.

 

왼쪽은 Bootstrap - Navs 중 하나이다. 

이것을 활용하여 오른쪽의 밀리의서재 페이지를 만들어봤다!

Bootstrap - Navs 

 

첫번째 부트스트랩 안에 다른 부트스크랩 코드를 넣어서 만들었다!

할 수 있을까 했는데 됐다 !!!!!!!!!!

기본적인 classname은 건들면 지정해놓은 style이 깨지기 때문에 적당한 선에서 조절해주었고

내가 만든 classname을 넣어서 추가적인 style을 지정해주었다.

이것저것 찾아보고 바꿔보면서 부트스트랩의 매력을 느끼게 되었다 ♥

 

내가 직접 코드로 만들면 더 멋있겠다

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

 

밀리에서 2개의 부트스트랩을 사용했는데 

bootstrap - collapse - accordion 의 코드를 복사해서 만들었다

두 번째는 자주묻는 질문의 아코디언형식의 표?였다. 이건 위에 것보다 쉬웠다. 

 

 

 

몰랐던 것을 

하나씩 알아가는 과정은

괴롭지만  즐겁다