bootstrap 반응형 기본 이론 3

1. table

​

기본적으로 표를 만드는 것과 같이 table을 만들고 class="table" 을 넣으면

기본적으로 깔끔하게 디자인된 표를 얻을 수 있다.

​

"table-striped" : 번갈아가면서 배경색주기

"table-hover" : 마우스를 올리면 기본 효과 주기

​

​

2. 부트스트랩 문서의 다양한 예시 코드를 사용하면 조립식으로 화면을 만들 수 있다.

​

3. 어떤 것을 실행할때 화면의 상단에 한줄로 alert를 띄우고 싶으면 Components 의 Alert 탭을 참고하자

​

4. window의 alert 창을 이쁘게 사용하고 싶다면 Components 의 Modal을 참고하자

​

5. 구글에 sweetalert2 라고 검색해보면 예쁜 경고창을 많이 제공하고 있다. 레이어 팝업 형채로 제공

​

6. Components 의 Accordion은 FAQ에 사용할 수있을 것 같다. 토글 버튼과 비슷하게 동작

​

7. Components 의 Badge는 버튼 위의 알림 등에 사용하기 좋다. 예를 들어 카톡이 몇개 왔는지 갯수 뱃지를 달기

​

8. card를 이용하면 쇼필몰등의 썸네일이 있는 액자형 구성을 만들기 용이하다.

​

9. card 중에 carousel이라는 것이 있는데 슬라이드 배너의 역할을 한다.