문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
wiki:bootstrap:bootstrap_note:bs_tabs_pills [2021/03/29 11:27] emblim98 |
wiki:bootstrap:bootstrap_note:bs_tabs_pills [2023/01/13 18:44] (현재) |
||
|---|---|---|---|
| 줄 217: | 줄 217: | ||
| \\ | \\ | ||
| =====Toggleable / Dynamic Tabs===== | =====Toggleable / Dynamic Tabs===== | ||
| + | {{: | ||
| 탭을 토글 가능하게 하려면, 각 링크에 '' | 탭을 토글 가능하게 하려면, 각 링크에 '' | ||
| 그런 다음 모든 탭에 대해서 고유 ID가 있는 '' | 그런 다음 모든 탭에 대해서 고유 ID가 있는 '' | ||
| 줄 225: | 줄 226: | ||
| ====예제==== | ====예제==== | ||
| < | < | ||
| + | < | ||
| + | <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=== | ||
| + | {{: | ||