not bad 한 개발

프로젝트를 진행하다 보면 페이지 네이션을 넣는 경우가 있습니다, 하지만 bootstrap의 페이지 네이션 디자인이 프로젝트와 맞지 않을 때 변경하고 싶은 경우가 있습니다, 그럴 경우 페이지 네이션 템플릿을 찾아서 변경하거나 bootstrap.css에서 페이지 네이션의 디자인을 변경하면 됩니다, 하지만 기존의 프로젝트에서 페이지 네이션 템플릿을 적용하는 것은 힘들기에 bootstrap.css에서 최대한 비슷하게 페이지 네이션의 디자인을 변경하면 됩니다. https://codepen.io/wouterbles/pen/gpaMRd WebDesignerDepot pagination Inspired by the WebDesignerDepot pagination. http://www.webdesignerdepot.c..

bootstrap에는 여러가지 기능이 있습니다. 그중에 Cross fade 기능이 있습니다, carousel은 보변적으로 슬라이드 방식으로 이미지가 넘어가는 반면에 Cross fade기능은 이미지가 부드럽게 넘어갑니다, 저도 이미지를 넘길 때에는 슬라이드 방식보다는 Cross fade 기능을 많이 선호합니다. bootstap Link : https://getbootstrap.com/docs/4.5/components/carousel/ Carousel A slideshow component for cycling through elements—images or slides of text—like a carousel. getbootstrap.com (여기에서 Crossfade 라고 적힌 부분의 코드를 복사 붙..

(이 글은 Bootstrap 4.5 버전 기준 입니다.) Bootstrap에는 grid 시스템이라는 것이 존재합니다, 이 시스템은 화면이 일정크기를 넘어가거나 줄어들면 자동적으로 UI가 정렬이 되는 기능입니다, 이 기능 덕분에 PC에서는 UI가 문제가 없지만 모바일에서 UI가 깨지는 문제가 많이 해결되었고 UI를 자동으로 정렬해주기 때문에 개발할 때 상당히 편합니다. https://getbootstrap.com/docs/4.5/layout/grid/ Grid system Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default r..

Bootstrap은 웹 개발할 때 사용되는 프레임워크로 PC뿐만 아니라 모바일 화면으로 볼 때 UI를 자동으로 정렬해주는 기능이 있어서 많이 사용되는 프레임워크 중에 하나입니다. Bootstrap에서는 자체적으로 사이트를 운영하여 사용법을 알려주고 있습니다, Bootstrap은 버전이 현재 3,4,5 버전 이렇게 3가지가 개발되었는데 3,4는 사용해보니 확실히 3보다는 4에 기능이 좀 더 많이 있어서 다양한 기능을 만들 수 있었습니다, 5는 최근에 개발되어 아직은 사용해보지는 않았지만 좀 더 개발되면 사용해보고 싶습니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstr..