공부기록, 21-04-18

부트스트랩 단어정리

버튼
hover 마우스를 올렸을 때 옵션이 바뀐다. 
active 버튼을 눌렀을 때 표시가 뜨는 것
Disabled 비활성화 상태 투명도를 주거나 흐릿하게 한다.
Valodstion 폼 유효성 검사 Input창에서 정보를 제대로 입력하지 않았을 때 사용한다.
Drodown 클릭했을 때 들어있는 하위 정보를 보여줄 때 사용한다.
Navigation 페이지를 이동하는데 필요한 링크들을 모아놓은 창
Navigation bar 헤더와 비슷한 역할을한다.
Breadcrumbs 
Pagination 같은 정보체계 안에서 다음페이지로 넘길 수 있다.
현 위치와 이동가능 위치를 구분짓는 것이 중요하다. 색이나 모양을 다르게 디자인한다.
Label 부가적인 설명을 할 때 사용
Badge 새롭거나 읽지 않은 항목을 쉽게 강조한다.
Thunbnails 사진이나 영상 미리보기 
썸네일의 이미지 용랑이 속도에 중요하다.
Alerts 정보 메세지 (성공, 실패)
Progress Bar 진행바 진행율을 나타낸다.
List 목록, 리스트
Table 표와 비슷하다. 
Embed 다른 사이트에 있는 영상, 지도를 불러올 때 사용한다.
Modal Popup 웹의 숨겨진 영역이나 별로도 필요한 정보를 표시 할 때 사요하는 영역이다. 
Tab 탭을 통해서 해당 컨텐츠로 넘어간다.
Tooltip 마우스를 오버했을 때 정보가 뜬다.
Popover 클릭을 했을 때 팝업이 뜨고 더 많은 정보가 뜬다.
(모바일에서는 마우스 오버가 없기때문에 자주 사용된다.)
Accordion 클릭하면 확장되고 다시 클릭하면 숨겨진다.
Carousel 좌우로 넘기면 슬라이드로 정보를 지원한다.