diff options
author | XhmikosR <xhmikosr@gmail.com> | 2020-10-27 12:24:28 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-10-27 12:24:28 +0300 |
commit | 0a61269da8d6d923b12ee58e9f9a1042fbcf8dda (patch) | |
tree | 6aca52f8df04dd74f58239b2dc93378f8463e234 /site/content | |
parent | e5fa7084910c3ad68232c4580f4e2dd5a4c3fad1 (diff) |
list-group.md: fix snippet (#31981)
Diffstat (limited to 'site/content')
-rw-r--r-- | site/content/docs/5.0/components/list-group.md | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/site/content/docs/5.0/components/list-group.md b/site/content/docs/5.0/components/list-group.md index fa576cd661..e7c5d33fb1 100644 --- a/site/content/docs/5.0/components/list-group.md +++ b/site/content/docs/5.0/components/list-group.md @@ -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`. -<div role="tabpanel"> ```html -<!-- List group --> -<div class="list-group" id="myList" role="tablist"> - <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="#profile" role="tab">Profile</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="#settings" role="tab">Settings</a> -</div> +<div role="tabpanel"> + <!-- List group --> + <div class="list-group" id="myList" role="tablist"> + <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="#profile" role="tab">Profile</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="#settings" role="tab">Settings</a> + </div> -<!-- Tab panes --> -<div class="tab-content"> - <div class="tab-pane active" id="home" 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="settings" role="tabpanel">...</div> + <!-- Tab panes --> + <div class="tab-content"> + <div class="tab-pane active" id="home" 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="settings" role="tabpanel">...</div> + </div> </div> ``` -</div> ### Via JavaScript |