폼 내부의 컨트롤들을 같은 줄에 이어서 출력하는 클래스단, 화면 폭이 좁아지면 .form-verticle 형식으로 변경됨https://zetawiki.com/wiki/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9\_%EC%9

공부하다가 form에서 .invalid-feedback 라는 클래스를 사용하는 것을 보고 궁금해졌다. We recommend using client side validation, but in case you require server side, you can indic

bootstrap에서는 html5 validation을 그대로 이용한다.form에 was-validated 클래스만 넣으면 html5 validation을 체크해준다.정상적인 경우는: valid-feedback비정상적인 경우: invalid-feedbackhttps&#

Use justify-content utilities on flexbox containers to change the alignment of flex items on the main axis (the x-axis to start, y-axis if flex-direct

ui 화면을 제작하다가 컨테이너 화면의 공백을 발견했다. 패딩과 마진을 아무리 확인해봐도 적용된 부분을 찾을 수 없어서 매우 답답했다. 그 공백을 찾으려고 거의 3일은 시도해봤는데 안돼서 너무 짜증이 났다..^^ 하지만 자세히 살펴보니 정말 멍청한 실수를 했드라..부트

The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you togg

부트스트랩 기반 템플릿을 사용하던 도중 여러가지 클래스들을 만나게 되었다. py-1 라는 클래스가 궁금해서 시작된 포스팅 😀😀 bootstrap의 공백의 자세한 클래스들을 알아가기 전에, 먼저 박스 모델부터 잠깐 살펴보도록 하자! 박스 모델은 HTML의 엘리먼트들은

부트스트랩에서 특정 디바이스의 가로 폭 크기에 대해 해당 클래스가 포함된 태그를 가리거나 보이도록 하는 방법이 있다. d--none, d--block 과 같이 사용되며 특정 디바이스 크기에 대해 두 클래스를 조합해서 사용해야 한다. 출처: https://joo

요새 화면ui 앞단 작업을 하고 있다. 이 작업은 bootstrap을 기반으로 한다. 특히 컴포넌트 요소들을 삽입해서 ui 를 구성하고 있기 때문에 bootstrap의 grid 을 잘 이해해야만 한다. 여태 bootstrap gird system을 이용할 때마다 대충대

여러개의 card 컴포넌트들을 included 하고 있는 화면을 작업중이였는데, div tag 와 겹쳐져서 height가 약간 틀어지는 상황이 발생했다. 그래서 열심히 구글링을 했다!