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

list-group.md: fix snippet (#31981)

Browse Source
This commit is contained in:
XhmikosR 2020-10-27 11:24:28 +02:00 committed by GitHub
parent e5fa708491
commit 0a61269da8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
site/content/docs/5.0/components/list-group.md
View File

@ -313,25 +313,25 @@ Use the tab JavaScript plugin—include it individually or through the compiled
You can activate a list group navigation without writing any JavaScript by simply specifying `data-toggle="list"` or on an element. Use these data attributes on `.list-group-item`. You can activate a list group navigation without writing any JavaScript by simply specifying `data-toggle="list"` or on an element. Use these data attributes on `.list-group-item`.
<div role="tabpanel">
```html ```html
<!-- List group --> <div role="tabpanel">
<div class="list-group" id="myList" role="tablist"> <!-- List group -->
<a class="list-group-item list-group-item-action active" data-toggle="list" href="#home" role="tab">Home</a> <div class="list-group" id="myList" role="tablist">
<a class="list-group-item list-group-item-action" data-toggle="list" href="#profile" role="tab">Profile</a> <a class="list-group-item list-group-item-action active" data-toggle="list" href="#home" role="tab">Home</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#messages" role="tab">Messages</a> <a class="list-group-item list-group-item-action" data-toggle="list" href="#profile" role="tab">Profile</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#settings" role="tab">Settings</a> <a class="list-group-item list-group-item-action" data-toggle="list" href="#messages" role="tab">Messages</a>
</div> <a class="list-group-item list-group-item-action" data-toggle="list" href="#settings" role="tab">Settings</a>
</div>
<!-- Tab panes --> <!-- Tab panes -->
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="home" role="tabpanel">...</div> <div class="tab-pane active" id="home" role="tabpanel">...</div>
<div class="tab-pane" id="profile" role="tabpanel">...</div> <div class="tab-pane" id="profile" role="tabpanel">...</div>
<div class="tab-pane" id="messages" role="tabpanel">...</div> <div class="tab-pane" id="messages" role="tabpanel">...</div>
<div class="tab-pane" id="settings" role="tabpanel">...</div> <div class="tab-pane" id="settings" role="tabpanel">...</div>
</div>
</div> </div>
``` ```
</div>
### Via JavaScript ### Via JavaScript