aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/components/navs.html
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2014-11-24 17:09:32 -0800
committerChris Rebert <[email protected]>2014-11-24 17:09:32 -0800
commit44447eeefe61dbb16cab59900c3c061d9f207fbc (patch)
tree525d43bc16fc00e4d7972c4e3dcc585a1b3f66a3 /docs/_includes/components/navs.html
parentc022d88ac5674410fbba00c1c869c4da16fc0067 (diff)
downloadbootstrap-44447eeefe61dbb16cab59900c3c061d9f207fbc.tar.xz
bootstrap-44447eeefe61dbb16cab59900c3c061d9f207fbc.zip
Give all embedded live docs examples data-example-id attrs
Refs #11410
Diffstat (limited to 'docs/_includes/components/navs.html')
-rw-r--r--docs/_includes/components/navs.html14
1 files changed, 7 insertions, 7 deletions
diff --git a/docs/_includes/components/navs.html b/docs/_includes/components/navs.html
index 01420a342..4a0a4b6c3 100644
--- a/docs/_includes/components/navs.html
+++ b/docs/_includes/components/navs.html
@@ -15,7 +15,7 @@
<h2 id="nav-tabs">Tabs</h2>
<p>Note the <code>.nav-tabs</code> class requires the <code>.nav</code> base class.</p>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="simple-nav-tabs">
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
@@ -33,7 +33,7 @@
<h2 id="nav-pills">Pills</h2>
<p>Take that same HTML, but use <code>.nav-pills</code> instead:</p>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="simple-nav-pills">
<ul class="nav nav-pills">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
@@ -48,7 +48,7 @@
</ul>
{% endhighlight %}
<p>Pills are also vertically stackable. Just add <code>.nav-stacked</code>.</p>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="simple-nav-stacked">
<ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
@@ -69,7 +69,7 @@
<h4>Safari and responsive justified navs</h4>
<p>As of v8.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p>
</div>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="simple-nav-justified">
<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
@@ -100,7 +100,7 @@
<p>This class will only change the <code>&lt;a&gt;</code>'s appearance, not its functionality. Use custom JavaScript to disable links here.</p>
</div>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="disabled-nav-link">
<ul class="nav nav-pills">
<li role="presentation"><a href="#">Clickable link</a></li>
<li role="presentation"><a href="#">Clickable link</a></li>
@@ -120,7 +120,7 @@
<p>Add dropdown menus with a little extra HTML and the <a href="../javascript/#dropdowns">dropdowns JavaScript plugin</a>.</p>
<h3>Tabs with dropdowns</h3>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="nav-tabs-with-dropdown">
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Help</a></li>
@@ -154,7 +154,7 @@
{% endhighlight %}
<h3>Pills with dropdowns</h3>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="nav-pills-with-dropdown">
<ul class="nav nav-pills">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Help</a></li>