올리비아 코딩스쿨

bootstrap에서 button을 넣고 배경색깔, 태그, outline, size 기능을 사용하는 방법을 알아보자. 1. 배경색깔 부트스트랩의 기본 버튼은 아래와 같다. 각 버튼에 쓰여져 있는 단어가 해당 버튼의 배경색깔 이름이다. Primary Secondary Success Danger Warning Info Light Dark Link 2. 다양한 태그 버튼의 기본 태그는 이다. 하지만 태그와 버튼이 함께 쓰이는 것을 알 수 있는데, 다른 사이트로 연결될 때는 a를 쓰고, 무엇인가를 제출해야 할 때는 input을 쓴다. 3. 아웃라인(테두리) 버튼의 바깥 경계인 테두리에 아웃라인을 줄 수 있다. class에 btn-outline-색깔을 명시한다. Primary Secondary Success Da..

Bootstrap의 장점 중의 하나는 반응형웹을 쉽게 구현할 수 있다는 점이다. 반응형, responsive이라는 뜻은 웹사이트가 화면이나 viewpoint의 크기에 재깍 반응한다는 것이다. 즉 태블릿, 모바일, 데스크탑에 따라 화면 구성이 바뀌어 사용자의 가독성을 높여준다. 이를 구현하기 위한 그리드 시스템에 관해 배워보자. 그 전에... ※ 칼럼을 비교하기 위해 배경색깔 넣기 1) 클래스로 삽입 bg-primary/secondary/success/danger/warning/info... 공식 문서 ----->클릭 2) 스타일로 넣기 ※ 비교하기 위해 경계 넣기 1. 모든 열을 균등하게 분배함 기본적으로 한 행에 있는 열의 개수 만큼 똑같이 등분한다. Column Column Column Column ..