rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

Update nav-tab.md

Browse Source 
Updated the from anchor tag to button in sample examples
This commit is contained in:
Jitan Gupta 2021-07-16 11:20:50 +05:30 committed by Mark Otto
parent 9ef7ca5156
commit e805a5e287
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/content/docs/5.0/components/navs-tabs.md
View File

@ -525,7 +525,7 @@ You can activate a tab or pill navigation without writing any JavaScript by simp
Enable tabbable tabs via JavaScript (each tab needs to be activated individually):
```js
var triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
var triggerTabList = [].slice.call(document.querySelectorAll('#myTab button'))
triggerTabList.forEach(function (triggerEl) {
var tabTrigger = new bootstrap.Tab(triggerEl)
@ -539,10 +539,10 @@ triggerTabList.forEach(function (triggerEl) {
You can activate individual tabs in several ways:
```js
var triggerEl = document.querySelector('#myTab a[href="#profile"]')
var triggerEl = document.querySelector('#myTab button[data-bs-target="#profile"]')
bootstrap.Tab.getInstance(triggerEl).show() // Select tab by name
var triggerFirstTabEl = document.querySelector('#myTab li:first-child a')
var triggerFirstTabEl = document.querySelector('#myTab li:first-child button')
bootstrap.Tab.getInstance(triggerFirstTabEl).show() // Select first tab
```
@ -593,7 +593,7 @@ Activates a tab element and content container. Tab should have either a `data-bs
</div>
<script>
var firstTabEl = document.querySelector('#myTab li:last-child a')
var firstTabEl = document.querySelector('#myTab li:last-child button')
var firstTab = new bootstrap.Tab(firstTabEl)
firstTab.show()