부트스트랩/부트스트랩4에 해당되는 글5

  • 이 글에서 특별한 것을 설명하려는 것이 아니다. 부트스트랩4에서 지원하는 아래와 같은 카드 오버레이에 대해 적으려는 것이다. 카드 오버레이는 부트스트랩을 사용하지 않고도 얼마든지 사용할 수 있지만 부트스트랩4에 카드 오버레이에 대한 클래스가 있다는 것을 알았으면 한다. 날카로우나 더운지라 피어나는 이상의 관현악이며, 천고에 고행을 위하여, 것이다. 이상, 천지는 과실이 대중을 끓는다. 인생의 풀이 그들의 피가 있는 끓는 이상이 노년에게서 무엇을 있는가? 우리는 가는 그러므로 것이다. 바로 피어나기 이상이 피는 노년에게서 것이 것이다. 긴지라 피는 우는 그들의 청춘의 힘차게 불어 힘있다. 부트스트랩4의 card에서 card-img-overlay라는 클래스가 생겨 이미지 위에 위 그림처럼 텍스트를 삽입하려고..

  • 부트스트랩4에 card가 추가됐다. 그리고 며칠 전에 티스토리 블로그에 인기 글을 추가할 수 있게 됐다. 며칠 전까진 불가능했다. 그래서 인기 글을 이 스킨을 추가했는데 세로로 나열되는 것이 마음에 안 들었다. 참고로 티스토리 블로그의 인기 글 치환자에 대해서는 여기를 보면 된다. 그래서 이 글 아래에 카테고리 다른 글이 부트스트랩4의 card를 이용했다. card를 이용하여 가로로 나열하기로 했다. 인기글은 5컬럼이어야 하고 부트스트랩 그리드는 12컬럼이다. 5의 배수가 안 되니 그냥 컬럼을 동일한 폭으로 하기 위해서는 위 그림에 나왔듯 col을 사용하기로 했다. 부트스트랩 4에서 컬럼을 동일하게 하기 위해서 col만 사용하면 된다. 3에서는 없었는데... 이렇게 col만 사용하면 스마트폰에서 컬럼을 ..

  • 내가 알고 있기로 부트스트랩 버전 2부터 출시일을 적자면 위와 같다. 현재 기준 최신 부트스트랩 버전은 4.1.3이다. 그리고 이 블로그는 부트스트랩 4로 만들었다. 내 다른 티스토리 블로그를 부트스트랩 3에서 4로 변경하려고 했지만 포기했다. 위에서 보듯이 버전 2에서 3으로 가는 시간을 오래 걸리지 않았지만 3에서 4로 가는 시간이 5년이라는 기간이 걸렸다. 그래서 내 다른 티스토리 블로그는 부트스트랩 3에 완전히 녹아 들었다. 그리고 3과 4가 많이 달라 변경할 것이 너무 많았다. 부트스트랩 3으로 만들 블로그를 4로 변경하려니 너무 힘들었다. 참고로 내가 부트스트랩 3으로 스킨을 만들었을 때가 2014년이었다. 이 블로그는 부트스트랩 4로 만들었고 다른 티스토리 블로그인 https://min-bl..

  • 아래 보이는 것이 부트스트랩 4에서 지원하는 기본 캐러셀(caousel)로 컨트롤 아이콘 아래 회색 막대기는 없다. 왜 회색 막대기가 나타나는지 알 수 없다. http://min-blog.tistory.comd의 메인에서나 http://min-blog.tistory.com/2225에서 볼 수 있는 캐러셀은 부트스트랩 3이다. 직접 보면 3과 4와 큰 차이는 없으므로 3소스를 4에 적용시키면 깨진다. Previous Next 아래는 위와 같은 것은 jsFiddle이라는 것으로 삽입한 것이다.. 윈도우10 홈과 프로 차이

  • 아래처럼 ul class에 list-inline을 추가하면 목록을 일렬로 나열한다. 부트스트랩4에서는 list-inline-item라는 것이 추가된 것 같다. 3에서는 단지 ul에 list-inline만 써 주면 목록이 일렬로 됐다. 목록 1 목록 2 목록 3 위에 대한 부트스트랩4에 대한 소스는 아래와 같다. 목록마다 list-inline-item이 추가되는 것 같다. 이 블로그 태그 모듈을 작업할 때도 3를 할 때처럼 list-inline만 추가했더니 안 됐다. 그런데 4에 대한 설명에는 변경이 없었다. 목록 1 목록 2 목록 3 게임 방송/녹화/캡처