WEB/Bootstrap3 Form-controls form-controls란? 더 보기 좋은 입력 형태를 만들 수 있게 해 주는 것이다. 예시) ①form-controls 적용 안 할 경우 ②적용한 경우 Document Forms Email Password State 떡볶이 순대 예시 2) checkbox Document Forms 적용 안한경우 적용 한경우 참고 사이트:https://getbootstrap.com/docs/4.5/components/forms/ Forms Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms. getbootstrap.com 2023. 1. 17. 그리드 시스템 그리드 시스템이란? 부트스트랩을 사용할때 웹페이지에서 콘텐츠들을 화면 크기에 따라 달리지게 하는 반응형 레이아웃을 만들수 있게 해주는 것입니다 그리드시스템은 컨테이너 안에서만 작동하므로 페이지 상에 최소 한개 이상 컨테이너가 있어야 작동 합니다. 부트스트랩의 모든 행에는 분배될 공간이 12유닛씩 있습니다. 정말 12 유닛씩 있는지 확인 해보겠습니다. Document the grid systtem 3 3 6 6 Grid options 웹 상에 적절한 중단점을 적용해서 small, medium 이하의 중단점을 활용하기 위해 사용합니다. 예시) medium 중단점이 끝나고 나면 6 유닛을 차지한다. Document the grid systtem Lorem ipsum dolor, sit amet consecte.. 2023. 1. 15. 부트스트랩 사용방법 부트스트랩이란? 유명한 css프레임워크이며 그럴듯한 웹사이트들을 빠르게 만들 수 있도록 도와줍니다. 사용자가 웹 페이지를 편리하게 만들수 있도록 도와줍니다 (간단하게 css의 뼈대라고 생각하면 편합니다) 사용방법(css) css를 부르듯이 아래의 코드를 연결 해주시면 됩니다. (링크 태그를 사용해 접근할 수 있게 해주시면 됩니다.) 구성 요소(componets) 대부분이 클래스 속성을 통해 사용됩니다. 예시) 배지 버튼 사용하기 위와 같은 배지 버튼을 사용하기 위해 위의 코드를 그대로 추가 해주시면 됩니다. Notifications 4 Lorem ipsum dolor sit amet consectetur adipis icing elit. Veniam explicabo, unde, id illum, f.. 2023. 1. 11. 이전 1 다음
