console.log("CAPABLE");

Border 테두리를 넣고 빼거나 모깎기를 하거나 디스플레이 속성을 변경하거나 여백을 추가할 때 편리하다. 이러한 유틸리티들은 요소에 클래스만 추가해 사용할 수 있다. 사방에 테두리를 만들려면 그냥 border을 추가하면 된다. border-top은 위쪽 border-bottom은 아래쪽 등 부트스트랩에서 테두리의 굵기를 조절할 수 없음으로 실제로 지정해야한다. 디폴트는 1px 또는 2px이다. 삭제 옵션을 통해 테두리의 일부, 위, 오르쪽 테두리를 없앨 수 있다. border-0-을 넣으면 모든 테두리를 없앨 수 있다. 테두리 색상또한 변경할 수 있다.(border-primary 등) 테두리 모깍기도 가능하다. 원을 만들때 유용하다. (사각형을 깎아서 원을 만든다.) Utilities Lorem ips..

Helper 클래스 콘텐츠를 정렬할 수 있는 좋은 유틸리티 부트스트랩은 flexbox 용어를 사용한다. flexbox 기반으로 만들어졌기 때문이다. flexbox, align-items 교차축에서 작동하며 flexbox를 만든다. 콘텐츠를 수직 정렬할 때 적용할 수 있는 옵션이다. Grid Aligment Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam molestiae sit, tempore unde porro voluptates est fugit. Reiciendis exercitationem officiis aliquam minus corrupti quaerat omnis commodi dolore ipsum consequatur..

Typography (타이포그래피) Typography는 Component에 속하지 않는다. Typography는 문서 전체 걸친 변경 사항을 알려준다. (예를 들면, 변경된 글꼴, 정의된 전체 글꼴 크기 등등 보이는 모든것을 말이다. ) Display headdings 돋보이는 헤딩을 만들때 display heading을 사용하면 된다. (기본값은 반응형이 아니지만 바꿀 수 있다.) display 클래스는 4 종류가 있다. display-1,display-2, display-3, display4 Bootstrap Playholder Buttons Primary Success Success Disabled Info Warning Outline Danger Outline Info Outline Primar..