Publishing/Bootstrap 3 (2) 썸네일형 리스트형 Bootstrap - Tab 외부 링크 활성화 컨텐츠 작업을 하면 탭을 쓰는 경우가 많다. 탭이 있는 페이지로 가면 대부분 첫번째 탭이 활성화 되어 보여진다. 간혹 다른 페이지에서 링크를 걸고 두번째, 세번째 탭을 활성화 시키고 보이도록 해야하는 경우가 생긴다. 이런경우 아래 소스를 참고하면 링크별로 탭을 활성화하여 노출 시킬수 있다. 우선 외부 페이지에서 링크를 걸어준다. 탭1 링크 탭2 링크 탭3 링크 탭4 링크 탭 페이지에는 기본적인 부트스트랩 탭 소스를 사용하고 아래 추가 작업을 해주면 된다. 탭01 탭02 탭03 탭04 탭01 탭02 탭03 탭04 scrollTop 애니메이션을 준 이유는 활성화된 탭이 브라우저의 상단에 위치하기에 홈페이지의 헤더가 안보이게 된다. 이걸 방지하고자 페이지 이동하자마자 스크롤을 올려준 것이다. Bootstrap - Tab 아미나 빌더 기준으로 작업을 하면서 부트스트랩 기본 기능을 사용하는 경우가 많은데 그중 탭 기능이다. 탭01 탭02 탭03 탭04 탭01 탭02 탭03 탭04 www.w3schools.com/bootstrap/bootstrap_ref_js_tab.asp Bootstrap JS Tab Reference Bootstrap JS Tab JS Tab (tab.js) Tabs are used to separate content into different panes where each pane is viewable one at a time. For a tutorial about Tabs, read our Bootstrap Tabs/Pills Tutorial. The Tab Plugin Classes Class De.. 이전 1 다음
