1. 색상 버튼은 기본적으로Primary처럼 사용하며 btn속성을 주고색깔 속성으로는 primary, Secondary ~ Dark, Link Secondary Success Danger Warning Info Light Dark 까지 다양한 색상들이 있다. 테두리만 색상적용하려면Primary Secondary Success Danger Warning Info Light Dark처럼 써도 된다. 커스터 마이징해도 되고... 2. 기능 만약 버튼으로 링크 또는 다른 다양한 방식의 기능을 걸고 싶으면 Button CopyLink Button 위와 같은 방식중 1개로 사용할 수 있다. 3. 사이즈btn-lgbtn-sm 로 쉽게 조절이 가능하다. btn-lg btn-block를 쓰면 버튼이 width 만큼 길어..

Sourced by Bootstrap Bootstrap에는 spacing 을 편리하게 하기 위한 class들이 존재 하는데, margin과 padding을 이용하는 것이다. (당연하지) 이것을 단축해서 사용할 수 있는데 ex) mt-0, ml-5ex) pb-auto, pr-2 등등 이다. 차례차례 해석해 보자면===========================================================m - for classes that set marginp - for classes that set paddingm은 marginp는 padding을 뜻한다.===========================================================t - for classes th..

부트스트랩을 공부하던 도중, vscode의 패키지를 활용하여 한번에 template을 만들어주는 기능을 찾고 감격하던 중에,navbar 템플릿 중 dropdown이 있는 템플릿을 골랐는데 sr-only라는 class가 있었다. Web-site Introduce (current) Community About Sign Up Sign In Search sr-only를 삭제 했더니 (current)가 보였다.찾아보니 접속자에게 안보여주는 정보를 저렇게 표시한다고 한다..sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }음 .....