• 부트스트랩4 정식 버전을 기다리기로 했다. 정보/부트스트랩 2017.06.10 08:03

    이 블로그는 부트스트랩 3.3.6을 사용해서 만들었다. 부트스트랩 3을 사용한 기간이 오래된 것 같아 새로운 스킨으로 바꾸려고 생각했다. 부트스트랩에 익숙했고 4.0 정식 버전이 아닌 알파 버전이 나왔다는 것을 예전부터 알고 있어서 홈페이지를 방문했더니 아직 4.0 정식 버전이 나오지 않았다. 그래서 알파 버전이라고 처음에 정식 버전이 나올 때까지 만들기로 했다. 그런데 알파 버전이라 그런지 3.3.6에 비해 많이 불안정했고 그리드 방식을 ..

  • 부트스트랩, 테마 사이트 정보/부트스트랩 2016.11.17 07:51

    티스토리는 자유성이 많아 네이버나 다음 블로그와 달리 원하는 대로 할 수 있다. 예로 티스토리는 블로그 메뉴,프로필,카테고리 등 네이버 블로그에서 없앨 수 있는 모든 것을 없앨 수 있고 얼마든지 홈페이지처럼 만들 수 있어 이곳이 홈페이지인지 티스토리인지 알 수 없다. 반면에 네이버 블로그에서는 블로그 메뉴, 카테고리,프로필 등을 없앨 수 없다는 것을 알 것이다.  여담으로 자유성이 티스토리처럼 많은 구글 블로그(블로그스팟)을 보면 홈페이지와..

  • bootstrap,유튜브를 반응형으로 정보/부트스트랩 2016.03.10 11:30

    한글 부트스트랩에 보면 유튜브 동영상을 반응형으로 하는 방법을 여기에서 볼 수 있습니다. 참고로 영문인 부트스트랩의 공식 홈페이지 Components(콤포넌트)의 Responsive Embed(반응형 임베드)에서도 배울 수 있습니다. 그럼 아래에서 간단히 유튜브를 반응형으로 하는 것을 설명하겠습니다.1 먼저 유튜브 소스에 동영상 크기를 지정하는 width와 height를 지우고 class..

  • .img-wrapper { display: inline-block; overflow: hidden; } .img-wrapper img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ea..

  • 부트스트랩,affix 기능 정보/부트스트랩 2016.01.11 08:00

    처음 공식 홈페이지에서 부트스트랩(bootstrap)을 접했을 때 자바스크립트 편에 Affix를 설명했으나 몰라 그냥 넘어갔습니다. 그리고 여러 테마와 템플릿을 보니 스크롤을 하면 일정 부분에 와서 메뉴가 고정되는 것이 멋있다고 느꼈습니다. 예로 스크롤을 아래로 움직이면 특정 부분이 계속 올라가 안 보이는 것이 아니라 특정 부분은 고정되어 계속 보이는 것입니다. 그러나 여기에&n..

  • 부트스트랩 토글,감추고 보이기 2 정보/부트스트랩 2015.12.18 08:00

    /* Icon when the collapsible content is shown */ .btn-info:after { font-family: "Glyphicons Halflings"; content: "\e114"; float: right; margin-left: 15px; } /* Icon when the collapsible content is hidden */ .btn-info.collapsed..

티스토리 툴바