Bootstrap 3

[quiz] BS3 - Quiz (BS퀴즈 = BS테스트 = BS시험)

1. 

https://www.w3schools.com/quiztest/quiztest.asp?qtest=Bootstrap

 

01. BS3는 모바일 우선? 정답
02. 박스형 고정너비 container 클래스? 정답
03. 와이드형 전체너비 container 클래스? 정답
04. BS그리드는 몇 개 column(열) 기반? 정답
05. 테이블 tr을 얼룩말 만드는 클래스? 정답
06. 이미지를 둥글게 만드는 클래스? 정답
07. 시선집중시키는 큰 회색상자 이름 ? 정답
08. 버튼(Button) 크게 만드는 클래스? 정답
09. 버튼그룹(Button group) 만드는 클래스? 정답
10. 검색아이콘 만드는 글리피콘(Glyphicon) 코드? 정답

11. 배지(Badge) 생성 클래스? 정답

12. 기본 페이징(Pagination) 생성 클래스? 정답

13. 기본 리스트그룹(List group) 생성 클래스? 정답

14. 패널(panel)에 머리말 (Heading) 추가하는 클래스?

15. 드룹다운메뉴 (Dropdown menu) 클래스? 정답

16. 표준 네비게이션탭 (Navigation tab) 생성 클래스?

17. 표준 네비게이션바 (Navigation bar) 생성 클래스?

18. 검은색 네이게이션바(Navigation bar) 생성 클래스?

19. 슬라이드쇼(slideshow)처럼 요소 순환시키는 플러그인?

20. 모달창(Modal window) 생성 플러그인?

21. 툴팁(tooltip) 생성 플러그인? 

22. 성공・긍정 행위 지칭하는 맥락 클래스?

23. 위험・잠재적으로 부정적 행위 지칭하는 맥락 클래스?

24. 대문자화 시키는 클래스?

25. BS그리드는 여러 기기에서 작동?

 


2. 예제 풀기

https://www.w3schools.com/bootstrap/exercise_bs3.asp


분류 제목
basic BS3 - Scrollspy (스크롤스파이) - 원페이지메뉴링크 (= 내부링크) ※매뉴얼제작
basic BS3 - Affix (BS어픽스) - 스크롤고정 (= 스크롤상단고정 + 스크롤사이드고정) + Scrolls…
grid BS3 - Grid (그리드) - 반응형 레이아웃 ★★★
grid BS3 - Grid (.container / .container-fluid) - 그리드 (박스형/와이드형)
grid BS3 - Grid - Small (BS그리드 소형기기 이상) - col-sm-숫자
grid BS3 - Grid - Medium (BS그리드 중형기기 이상) - col-md-숫자
grid BS3 - Grid - Large (BS그리드 대형기기 이상) - col-lg-숫자
grid BS3 - Grid Examples (그리드 예제) ★★★★★
theme BS3 - Templates (BS템플릿종류 = BS테마종류) - BS레이아웃종류 ★★★
theme BS3 - Theme "Simply Me" (BS테마 - 심플미테마 = 프로필테마 = 자기소개테마 = 원페이…
theme BS3 - Theme "Company" (BS테마 - 회사테마 = 컴퍼니테마) - 회사소개테마 (슝슝) + …
theme BS3 - Theme "The Band" (BS테마 - 밴드테마) - 스크롤스파이 원페이지 테마
quiz BS3 - Quiz (BS퀴즈 = BS테스트 = BS시험)
basic BS3 - Background CSS (= BS배경색CSS)
basic BS3 - Float CSS (= BS정렬CSS = BS배치CSS)
3/4
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인