FINAL PROJECT

체크박스 버튼 위치이동 / 선택 전체 해제

asso 2022. 8. 13. 21:48

 

 

먼저, 체크박스 전체 선택 해제

 

전체 선택 해제(=초기화 버튼)의 id는 allNonChk

 

input 체크박스의 type은 전부 checkbox

 

전체 타입에 관해서는 id처럼 # 이 아닌 : 로 해줘야 한다는 것을 알게 되었다 !!!

 

 

 

 

다음으로 modal 버튼의 위치

 

위처럼 버튼이 세 개 일때도 두 개 일 때도 전부  class 에 justify-content-between 을 추가해주면 된다.

 

(ml-auto / mr-auto / style="float:left" 이런거 다 안됨..)

 


 

 

참고한 사이트 >>

Left & right align modal footer buttons in Bootstrap 4 - Stack Overflow

 

Left & right align modal footer buttons in Bootstrap 4

Bootstrap 4 uses flex-box for it's modal footers. If I want two buttons, one on the left and one on the right, how do I get it to work properly? The code below tries to use a div.row with col-sm-...

stackoverflow.com