프론트엔드/Bootstrap9 부트 스트랩 - Components 사용 방법 (Dropdowns, List group) Dropdowns 사용 방법 https://getbootstrap.com/docs/5.0/components/dropdowns/ Dropdowns Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. getbootstrap.com 드롭다운의 구조 아래와 같이 class 명을 선언해주어서 적용 시킨다. List group 사용 방법 https://getbootstrap.com/docs/5.0/components/list-group/ List group List groups are a flexible and powerful component for displaying a serie.. 2021. 6. 28. 부트 스트랩 - Components 사용 방법 (Button) 버튼 예제 https://getbootstrap.com/docs/5.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com 사이트에 사용 방법이 나와있어서 그대로 따라 하다 보면 익숙해질 것이다. class 이름에 특정 버튼을 의미하는 명칭을 적어주면 적용이 된다. 버튼 만들기, 버튼 그룹 만들기, outline 버튼 만들기 예제 Primary Secondary Success Danger Warning Info Link ABC Light Dark ou.. 2021. 6. 28. 부트 스트랩 시작 부트 스트랩을 사용하면 미리 정의되어있는 기능들을 활용하여 손쉽게 기능을 구현할 수 있다. 부트 스트랩 공식 사이트 https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com poper.js: 부트스트랩 js 파일에서 사용되어 지는 js 이다, 이미 사용 하고 있을때는 poper를 bootstrap js파일보다 상위에 배치해야 한다. https://popper.js.org/ Home Positioning tooltips and popovers is difficult. Popper is here to help! Popper is the de facto standard t.. 2021. 6. 28. 이전 1 2 다음
