wiki:bootstrap:bootstrap_note:bs_tabs_pills
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
wiki:bootstrap:bootstrap_note:bs_tabs_pills [2021/03/29 11:10] emblim98 |
wiki:bootstrap:bootstrap_note:bs_tabs_pills [2023/01/13 18:44] (현재) |
||
|---|---|---|---|
| 줄 188: | 줄 188: | ||
| \\ | \\ | ||
| =====Centered Tabs and Pills===== | =====Centered Tabs and Pills===== | ||
| + | {{: | ||
| tabs와 pills을 중앙/ | tabs와 pills을 중앙/ | ||
| \\ | \\ | ||
| 줄 193: | 줄 194: | ||
| ====예제==== | ====예제==== | ||
| < | < | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | <p>To center/ | ||
| + | <ul class=" | ||
| + | <li class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | <ul class=" | ||
| + | <li class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| </ | </ | ||
| - | + | \\ | |
| - | + | =====Toggleable / Dynamic Tabs===== | |
| + | {{: | ||
| + | 탭을 토글 가능하게 하려면, 각 링크에 '' | ||
| + | 그런 다음 모든 탭에 대해서 고유 ID가 있는 '' | ||
| + | '' | ||
| + | \\ | ||
| + | tabs를 클릭할 때 tabs이 페이드 인(fade in) 및 페이드 아웃(fade out) 되도록 하려면, | ||
| + | '' | ||
| + | ====예제==== | ||
| + | < | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | <p> | ||
| + | To make the tabs toggleable, add the data-toggle=" | ||
| + | .tab-content. | ||
| + | </ | ||
| + | <ul class=" | ||
| + | <li class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | \\ | ||
| + | =====Toggleable / Dynamic Pills===== | ||
| + | pills에도 동일한 코드가 적용됩니다. data-toggle 속성만 '' | ||
| + | ====예제==== | ||
| + | < | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | <p> | ||
| + | To make the tabs toggleable, add the data-toggle=" | ||
| + | .tab-content. | ||
| + | </ | ||
| + | <ul class=" | ||
| + | <li class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | ===Result=== | ||
| + | {{: | ||
/var/services/web/dokuwiki/data/attic/wiki/bootstrap/bootstrap_note/bs_tabs_pills.1616983828.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
