분류 전체보기(278)
-
부트스트랩 실습 - 커뮤니티 만들기(갤러리) 2024.05.24
-
부트스트랩 실습 - 커뮤니티 만들기(게시판) 2024.05.24
-
부트스트랩 실습 - 커뮤니티 만들기(홈페이지) 2024.05.24
-
공간 / 여백 + 숫자값
공간 padding / 여백 marginPadding(공간) - 내가 가진 범위 틀 안에서 여유있는 공간을 설정하는 것 pt- : (padding-top)태그 위쪽 공간을 설정 pr- : (padding-right)태그 오른쪽 공간을 설정 pl- : (padding-left)태그 왼쪽 공간을 설정 pb- : (padding-bottom)태그 아래쪽 공간을 설정 px- : 태그의 왼쪽, 오른쪽 공간을 설정 py- : 태그의 위쪽, 아래쪽 공간을 설정 p- : 태그의 모든방향 공간을 설정Margin(여백) - 다른 태그나 다른 값과 거리를 두는 것 mt- : (margin-top)태그 위쪽 여백을 설정 mr- : (margin-right)태그 오른쪽..
2024.05.24 -
색상표
primary - 파란색secondary - 회색success - 초록색danger - 빨간색warning - 노란색info - 하늘색light - 밝은 하얀색dark - 어두운색, 짙은 차콜색 여기에 해당하지 않는 색상은 직접 style을 작성해서 만들어야 함.
2024.05.24 -
컴포넌트
컴포넌트 : 특정 기능이나 기능들의 집합을 의미- 독립적으로 설계된 기능, 재사용이 가능한 모듈 또는 단위- 객체, 기능, 메서드 등 Button - 클릭 가능한 버튼을 생성 - 부트스트랩으로 버튼을 시작할 때 class 내부에 btn(버튼 시작) 기능을 작성해주고, 추가로 작성하고픈 내용을 작성input 안에 있는 type="button"을 사용하길 원한다면 a태그를 버튼처럼 사용하길 원한다면 다음과 같이 사용 a태그버튼 * 테두리 형식 버튼으로 만들기 기존과 유사하나, btn과 색상 사이에 outline을 넣는다. * 버튼 크기 조정하기 - 버튼의 크기는 btn-lg나 btn-sm 같은 크기 조정 설정을 적용하거나 padding을 활용해서 버튼의 크기를 조정할 수 있음 * 버튼 ..
2024.05.24