aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-05-12 19:57:49 -0700
committerMark Otto <[email protected]>2014-05-12 19:57:49 -0700
commit31956be6ef6d1b1a2537c3441e69120ef3c99a2b (patch)
treea118376f0f415826265828377904778f8e788b44 /docs/_includes
parent510f4fe50ad30499adf1d19dd65ef694c414aacd (diff)
parentbe18f50fd0e36e35342a100216b01fe00692d0db (diff)
downloadbootstrap-31956be6ef6d1b1a2537c3441e69120ef3c99a2b.tar.xz
bootstrap-31956be6ef6d1b1a2537c3441e69120ef3c99a2b.zip
Merge branch 'master' into icon_paths
Conflicts: dist/css/bootstrap-rtl.css dist/css/bootstrap.css.map dist/js/bootstrap.min.js docs/dist/css/bootstrap.css.map docs/dist/js/bootstrap.min.js
Diffstat (limited to 'docs/_includes')
-rw-r--r--docs/_includes/components/navs.html12
-rw-r--r--docs/_includes/getting-started/rtl.html25
-rw-r--r--docs/_includes/getting-started/template.html2
-rw-r--r--docs/_includes/header.html6
-rw-r--r--docs/_includes/js/carousel.html12
-rw-r--r--docs/_includes/js/scrollspy.html2
-rw-r--r--docs/_includes/js/tabs.html30
-rw-r--r--docs/_includes/nav/getting-started.html7
8 files changed, 31 insertions, 65 deletions
diff --git a/docs/_includes/components/navs.html b/docs/_includes/components/navs.html
index 9cad335d0..d9c45fa2d 100644
--- a/docs/_includes/components/navs.html
+++ b/docs/_includes/components/navs.html
@@ -6,14 +6,14 @@
<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">
- <ul class="nav nav-tabs">
+ <ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
</div>
{% highlight html %}
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
@@ -62,7 +62,7 @@
<p>As of v7.0.1, 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">
- <ul class="nav nav-tabs nav-justified">
+ <ul class="nav nav-tabs nav-justified" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
@@ -75,7 +75,7 @@
</ul>
</div>
{% highlight html %}
-<ul class="nav nav-tabs nav-justified">
+<ul class="nav nav-tabs nav-justified" role="tablist">
...
</ul>
<ul class="nav nav-pills nav-justified">
@@ -113,7 +113,7 @@
<h3>Tabs with dropdowns</h3>
<div class="bs-example">
- <ul class="nav nav-tabs">
+ <ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Help</a></li>
<li class="dropdown">
@@ -131,7 +131,7 @@
</ul>
</div>
{% highlight html %}
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
...
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
diff --git a/docs/_includes/getting-started/rtl.html b/docs/_includes/getting-started/rtl.html
deleted file mode 100644
index 55568ccd6..000000000
--- a/docs/_includes/getting-started/rtl.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<div class="bs-docs-section">
- <h1 id="rtl" class="page-header">RTL</h1>
- <p class="lead">As of Bootstrap 3.2, a right-to-left version of Bootstrap ships as part of the repository. It's powered by Twitter's <a href="https://github.com/twitter/css-flip">CSS Flip project</a> and is generated via our Gruntfile.</p>
-
- <h2 id="rtl-how-to">How to use</h2>
- <p>Bootstrap is by default a left-to-right project. For right-to-left projects, you'll need to set your language and replace the default Bootstrap CSS with an RTL version. First, set your language and text direction:</p>
-{% highlight html %}
-<!-- Example: Arabic language with direction set to RTL -->
-<html lang="ar" dir="rtl">
-{% endhighlight %}
- <p>Then, include the right-to-left CSS file <strong>instead of</strong> the default Bootstrap CSS:</p>
-{% highlight html %}
-<!-- Bootstrap RTL -->
-<link rel="stylesheet" href="bootstrap-rtl.css">
-{% endhighlight %}
- <p>Alternatively, you may use the minified RTL file, <code>bootstrap-rtl.min.css</code>.</p>
-
- <div class="bs-callout bs-callout-danger">
- <h4>Do not use in combination with <code>bootstrap.css</code></h4>
- <p><code>bootstrap-rtl.css</code> must not be used together with <code>bootstrap.css</code>. Use either one or the other, but not both. <code>bootstrap-rtl.css</code> includes all of Bootstrap's styles, including those not affected by writing direction.</p>
- </div>
-
- <h2 id="rtl-css-flip">CSS Flip</h2>
- <p><a href="https://github.com/twitter/css-flip">CSS Flip</a> is a project for converting left-to-right CSS files into right-to-left CSS files. We use it in our Gruntfile to automate the generation of Bootstrap's RTL CSS files.</p>
-</div>
diff --git a/docs/_includes/getting-started/template.html b/docs/_includes/getting-started/template.html
index de0515342..c3b1560aa 100644
--- a/docs/_includes/getting-started/template.html
+++ b/docs/_includes/getting-started/template.html
@@ -19,7 +19,7 @@
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.1/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index e12545ecc..182664d5a 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -25,21 +25,19 @@
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.1/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
- <link rel="icon" href="../assets/ico/favicon.ico">
+<link rel="icon" href="../assets/ico/favicon.ico">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
ga('create', 'UA-146052-10', 'getbootstrap.com');
ga('send', 'pageview');
-
</script>
diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html
index fa7476b68..b8a0d1e4b 100644
--- a/docs/_includes/js/carousel.html
+++ b/docs/_includes/js/carousel.html
@@ -21,10 +21,10 @@
<img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide">
</div>
</div>
- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
@@ -56,10 +56,10 @@
</div>
<!-- Controls -->
- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
@@ -102,10 +102,10 @@
</div>
</div>
</div>
- <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-captions" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
diff --git a/docs/_includes/js/scrollspy.html b/docs/_includes/js/scrollspy.html
index 9767254e0..2ceedb0ca 100644
--- a/docs/_includes/js/scrollspy.html
+++ b/docs/_includes/js/scrollspy.html
@@ -65,7 +65,7 @@ body {
<body data-spy="scroll" data-target=".navbar-example">
...
<div class="navbar-example">
- <ul class="nav nav-tabs">
+ <ul class="nav nav-tabs" role="tablist">
...
</ul>
</div>
diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html
index c6c3e0df6..38518f0b1 100644
--- a/docs/_includes/js/tabs.html
+++ b/docs/_includes/js/tabs.html
@@ -4,14 +4,14 @@
<h2 id="tabs-examples">Example tabs</h2>
<p>Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.</p>
<div class="bs-example bs-example-tabs">
- <ul id="myTab" class="nav nav-tabs">
- <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
- <li><a href="#profile" data-toggle="tab">Profile</a></li>
+ <ul id="myTab" class="nav nav-tabs" role="tablist">
+ <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
+ <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
<li class="dropdown">
<a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
- <li><a href="#dropdown1" tabindex="-1" data-toggle="tab">@fat</a></li>
- <li><a href="#dropdown2" tabindex="-1" data-toggle="tab">@mdo</a></li>
+ <li><a href="#dropdown1" tabindex="-1" role="tab" data-toggle="tab">@fat</a></li>
+ <li><a href="#dropdown2" tabindex="-1" role="tab" data-toggle="tab">@mdo</a></li>
</ul>
</li>
</ul>
@@ -60,11 +60,11 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
<p>You can activate a tab or pill navigation without writing any JavaScript by simply specifying <code>data-toggle="tab"</code> or <code>data-toggle="pill"</code> on an element. Adding the <code>nav</code> and <code>nav-tabs</code> classes to the tab <code>ul</code> will apply the Bootstrap <a href="../components/#nav-tabs">tab styling</a>, while adding the <code>nav</code> and <code>nav-pills</code> classes will apply <a href="../components/#nav-pills">pill styling</a>.</p>
{% highlight html %}
<!-- Nav tabs -->
-<ul class="nav nav-tabs">
- <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
- <li><a href="#profile" data-toggle="tab">Profile</a></li>
- <li><a href="#messages" data-toggle="tab">Messages</a></li>
- <li><a href="#settings" data-toggle="tab">Settings</a></li>
+<ul class="nav nav-tabs" role="tablist">
+ <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
+ <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
+ <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
+ <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>
<!-- Tab panes -->
@@ -93,11 +93,11 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
Activates a tab element and content container. Tab should have either a <code>data-target</code> or an <code>href</code> targeting a container node in the DOM.
</p>
{% highlight html %}
-<ul class="nav nav-tabs" id="myTab">
- <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
- <li><a href="#profile" data-toggle="tab">Profile</a></li>
- <li><a href="#messages" data-toggle="tab">Messages</a></li>
- <li><a href="#settings" data-toggle="tab">Settings</a></li>
+<ul class="nav nav-tabs" role="tablist" id="myTab">
+ <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
+ <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
+ <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
+ <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>
<div class="tab-content">
diff --git a/docs/_includes/nav/getting-started.html b/docs/_includes/nav/getting-started.html
index df94dc099..fae906920 100644
--- a/docs/_includes/nav/getting-started.html
+++ b/docs/_includes/nav/getting-started.html
@@ -29,13 +29,6 @@
</ul>
</li>
<li>
- <a href="#rtl">RTL version</a>
- <ul class="nav">
- <li><a href="#rtl-how-to">How to use</a></li>
- <li><a href="#rtl-css-flip">CSS Flip</a></li>
- </ul>
-</li>
-<li>
<a href="#community">Community</a>
</li>
<li>