Front-end/bootstrap
-
[bootstrap] bootstrap 기본Front-end/bootstrap 2022. 10. 17. 21:21
bootstrap 이란? 웹 개발에 있어 보편적으로 널리 쓰이는 구성 요소들을 미리 디자인 해둔 toolkit이다. 반응형 웹을 지향하고 있어서 화면 크기에 따라 유연하게 변화하는 UX/UI를 적용할 수 있다. bootstrap 의 css 적용하기 https://getbootstrap.com/ 에 접속해서 ctrl+f를 통해 download를 찾고 클릭한다. 이후에 Compiled CSS and JS 를 다운받는다. 그리고 압축을 풀면 css 폴더와 js 폴더가 있다. css 폴더의 파일 중 bootstrap.min.css 파일과 bootstrap.min.css.map 파일의 압축을 푼다. 웹사이트를 만들 경로에 bootstrap{version}/css 폴더를 만들고 bootstrap.min.css 와 ..