최근 글 - Recent PostsMORE

정보

부트스트랩

  • 나는 이 블로그 스킨을 부트스트랩 버전 3으로 만들었다. 부트스트랩에서 버전 5 그리드는 버전 3의 것을 따르는 것이 아닌 아래 그림을 보듯이 버전 5의 경우도 버전 4와 비슷하다. 버전 3을 중점적으로 익힌 나는 헷갈린다. 버전 4와 5의 중단점을 볼 때 숫자가 변해 헷갈렸다. 예로 버전 3에서는 md가 992px과 같거나 큰 경우였다면 버전 4와 5부터는 768px로 됐다. 그리고 기기로 생각한다면 992px은 노트북이고 768px은 태..
  • 개발자가 아닌 입장에서 부트스트랩을 내 입장에서 적어보려 한다. 이 블로그 스킨을 부트스트랩 버전 5에서 기존의 버전 3으로 다시 돌아갔다. 지금 부트스트랩 최신 버전은 5.2 베타 1이다. 참고로 부트스트랩 영어 홈페이지를 방문하면 최신 버전을 알 수 있다. 전에 2013년 8월에 발표된 부트스트랩 버전 3으로 만든 스킨을 사용했다. 부트스트랩 버전이 업데이트될 때마다 이 블로그 스킨도 최신 버전으로 변경해야겠다고..
  • 부트스트랩 버전 3의 container에 대한 내용은 특별히 배울 필요없이 단순하다. 콘텐츠를 포함하는 container와 container 가로 폭이 100%인 container-fluid 뿐이었다. 하지만 버전 4를 배울 때 container의 중첩점에 대해 변하는 것이 추가됐는데 버전 3처럼 단순할 것이라 생각하고 그냥 지나쳤다. 그래서 버전 5에서 1버전 4 이상부터 변한 container가 어떻게 변했는지 아래에서 적으려 한다.  버전 3에서 가로 폭이 100%..
  • 대부분 클래스(class)나 아이디(id) 이름을 만들 때 container라고 한다. 부트스트랩 3에서도 마찬가지로 container라고 콘텐츠 등을 포함하는 채우는 컨테이너가 있다. 이 컨테이너에 두 가지가 있는데 1200px인 고정과 가로폭이 브라우저 가장자리가 경계인 유동이 있다. 고정은 container라 하고 유동은 fluid를 더 해 contain-fluid라 한다. 이 블로그는 부트스트랩 버전 3으로 만들었는데 처음에 고정인 container를 사용..
  • 이 블로그는 부트스트랩 버전 3으로 만들었고 다른 티스토리를 만들었다. 거기에서 버전 5의 여러 기능을 보고 있다. 알고 있듯이 버전 5는 아이콘을 제공하므로 1,500개 이상의 아이콘이 있는 고품질 오픈 소스 아이콘 라이브러리를 제공한다고 알 것이다. 부트스트랩 버전 3에서 Glyphicons이라는 216개의 아이콘을 제공하지만 그렇게 유용하지 않아 이 블로그는 Font Awesome에서 제공하는 아이콘을 사용하게 됐다. 그 사이트..
MORE
반응형
반응형
Close 방명록
×
×