aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-03-24 19:30:17 -0700
committerMark Otto <[email protected]>2014-03-24 19:30:17 -0700
commit39fec66fc4cb529d05f2b116abedf1bb2bdb65a8 (patch)
tree55cdb65256a7313bfda85416a1c100c0adb62e40 /docs/_includes
parent4a2d337bf5f329eac1ca16208414ec1ebfe0546e (diff)
parent6f6bce5944bd0e6ab36ab6b39339f381d8a80b2a (diff)
downloadbootstrap-39fec66fc4cb529d05f2b116abedf1bb2bdb65a8.tar.xz
bootstrap-39fec66fc4cb529d05f2b116abedf1bb2bdb65a8.zip
Merge branch 'master' into fat-9461
Diffstat (limited to 'docs/_includes')
-rw-r--r--docs/_includes/components/responsive-embed.html2
-rw-r--r--docs/_includes/css/type.html4
-rw-r--r--docs/_includes/getting-started/translations.html10
-rw-r--r--docs/_includes/header.html2
-rw-r--r--docs/_includes/js/alerts.html71
-rw-r--r--docs/_includes/js/popovers.html76
-rw-r--r--docs/_includes/js/tooltips.html8
7 files changed, 86 insertions, 87 deletions
diff --git a/docs/_includes/components/responsive-embed.html b/docs/_includes/components/responsive-embed.html
index bf65599d7..c9e0f5807 100644
--- a/docs/_includes/components/responsive-embed.html
+++ b/docs/_includes/components/responsive-embed.html
@@ -2,7 +2,7 @@
<h1 id="responsive-embed" class="page-header">Responsive embed</h1>
<p>Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device.</p>
- <p>Rules are directly apply to <code>&lt;iframe&gt;</code>, <code>&lt;embed&gt;</code> and <code>&lt;object&gt;</code> elements, optionally use of an explicit descendant class <code>.embed-responsive-item</code> when you want to match the styling for other attributes.</p>
+ <p>Rules are directly applied to <code>&lt;iframe&gt;</code>, <code>&lt;embed&gt;</code>, and <code>&lt;object&gt;</code> elements; optionally use an explicit descendant class <code>.embed-responsive-item</code> when you want to match the styling for other attributes.</p>
<p><strong>Pro-Tip!</strong> You don't need to include <code>frameborder="0"</code> in your <code>&lt;iframe&gt;</code>s as we override that for you.</p>
<div class="bs-example">
<div class="embed-responsive embed-responsive-16by9">
diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html
index 9c5aee200..2ea046519 100644
--- a/docs/_includes/css/type.html
+++ b/docs/_includes/css/type.html
@@ -107,12 +107,12 @@
<!-- Inline text elements -->
<h2 id="type-inline-text">Inline text elements</h2>
<h3>Marked text</h3>
- <p>For indicating blocks of text that have been deleted use the <code>&lt;mark&gt;</code> tag.</p>
+ <p>For highlighting a run of text due to its relevance in another context, use the <code>&lt;mark&gt;</code> tag.</p>
<div class="bs-example">
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
</div>
{% highlight html %}
-<mark>This line of text is meant to be treated as deleted text.</mark>
+You can use the mark tag to <mark>highlight</mark> text.
{% endhighlight %}
diff --git a/docs/_includes/getting-started/translations.html b/docs/_includes/getting-started/translations.html
index dc46f5d90..215f790de 100644
--- a/docs/_includes/getting-started/translations.html
+++ b/docs/_includes/getting-started/translations.html
@@ -3,13 +3,9 @@
<p class="lead">Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.</p>
<ul>
- <li><a href="http://v3.bootcss.com/">Bootstrap 中文文档 (Chinese)</a></li>
- <li><a href="http://www.oneskyapp.com/docs/bootstrap/fr">Bootstrap en Français (French)</a></li>
- <li><a href="http://holdirbootstrap.de/">Bootstrap auf Deutsch (German)</a></li>
- <li><a href="http://bootstrapk.com/BS3/">Bootstrap 한국어 (Korean)</a></li>
- <li><a href="http://www.oneskyapp.com/docs/bootstrap/ru">Bootstrap по-русски (Russian)</a></li>
- <li><a href="http://www.oneskyapp.com/docs/bootstrap/es">Bootstrap en Español (Spanish)</a></li>
- <li><a href="http://twbs.site-konstruktor.com.ua">Bootstrap ua Українською (Ukrainian)</a></li>
+ {% for language in site.data.translations %}
+ <li><a href="{{ language.url }}" hreflang="{{ language.code }}">{{ language.description }} ({{ language.name }})</a></li>
+ {% endfor %}
</ul>
<p><strong class="text-danger">We don't help organize or host translations, we just link to them.</strong></p>
<p>Finished a new or better translation? Open a pull request to add it to our list.</p>
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index defb549ae..f11ed4baa 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -28,7 +28,7 @@
<!-- Favicons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
- <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+ <link rel="icon" href="../assets/ico/favicon.ico">
<script>
var _gaq = _gaq || [];
diff --git a/docs/_includes/js/alerts.html b/docs/_includes/js/alerts.html
new file mode 100644
index 000000000..04bbd43cf
--- /dev/null
+++ b/docs/_includes/js/alerts.html
@@ -0,0 +1,71 @@
+<div class="bs-docs-section">
+ <h1 id="alerts" class="page-header">Alert messages <small>alert.js</small></h1>
+
+ <h2 id="alerts-examples">Example alerts</h2>
+ <p>Add dismiss functionality to all alert messages with this plugin.</p>
+ <div class="bs-example">
+ <div class="alert alert-warning fade in" role="alert">
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+ <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
+ </div>
+ </div><!-- /example -->
+
+ <div class="bs-example">
+ <div class="alert alert-danger fade in" role="alert">
+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+ <h4>Oh snap! You got an error!</h4>
+ <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
+ <p>
+ <button type="button" class="btn btn-danger">Take this action</button>
+ <button type="button" class="btn btn-default">Or do this</button>
+ </p>
+ </div>
+ </div><!-- /example -->
+
+
+ <h2 id="alerts-usage">Usage</h2>
+ <p>Enable dismissal of an alert via JavaScript:</p>
+ {% highlight js %}$(".alert").alert(){% endhighlight %}
+
+ <h3>Markup</h3>
+ <p>Just add <code>data-dismiss="alert"</code> to your close button to automatically give an alert close functionality.</p>
+ {% highlight html %}<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>{% endhighlight %}
+
+ <h3>Methods</h3>
+
+ <h4>$().alert()</h4>
+ <p>Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the <code>.fade</code> and <code>.in</code> class already applied to them.</p>
+
+ <h4>.alert('close')</h4>
+ <p>Closes an alert.</p>
+ {% highlight js %}$(".alert").alert('close'){% endhighlight %}
+
+
+ <h3>Events</h3>
+ <p>Bootstrap's alert class exposes a few events for hooking into alert functionality.</p>
+ <div class="table-responsive">
+ <table class="table table-bordered table-striped">
+ <thead>
+ <tr>
+ <th style="width: 150px;">Event Type</th>
+ <th>Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>close.bs.alert</td>
+ <td>This event fires immediately when the <code>close</code> instance method is called.</td>
+ </tr>
+ <tr>
+ <td>closed.bs.alert</td>
+ <td>This event is fired when the alert has been closed (will wait for CSS transitions to complete).</td>
+ </tr>
+ </tbody>
+ </table>
+ </div><!-- /.table-responsive -->
+{% highlight js %}
+$('#my-alert').bind('closed.bs.alert', function () {
+ // do something…
+})
+{% endhighlight %}
+</div>
diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html
index 7bf515ad4..56e3600aa 100644
--- a/docs/_includes/js/popovers.html
+++ b/docs/_includes/js/popovers.html
@@ -263,79 +263,3 @@ $('#myPopover').on('hidden.bs.popover', function () {
})
{% endhighlight %}
</div>
-
-
-
-<!-- Alert
-================================================== -->
-<div class="bs-docs-section">
- <h1 id="alerts" class="page-header">Alert messages <small>alert.js</small></h1>
-
- <h2 id="alerts-examples">Example alerts</h2>
- <p>Add dismiss functionality to all alert messages with this plugin.</p>
- <div class="bs-example">
- <div class="alert alert-warning fade in" role="alert">
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
- <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
- </div>
- </div><!-- /example -->
-
- <div class="bs-example">
- <div class="alert alert-danger fade in" role="alert">
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
- <h4>Oh snap! You got an error!</h4>
- <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
- <p>
- <button type="button" class="btn btn-danger">Take this action</button>
- <button type="button" class="btn btn-default">Or do this</button>
- </p>
- </div>
- </div><!-- /example -->
-
-
- <h2 id="alerts-usage">Usage</h2>
- <p>Enable dismissal of an alert via JavaScript:</p>
- {% highlight js %}$(".alert").alert(){% endhighlight %}
-
- <h3>Markup</h3>
- <p>Just add <code>data-dismiss="alert"</code> to your close button to automatically give an alert close functionality.</p>
- {% highlight html %}<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>{% endhighlight %}
-
- <h3>Methods</h3>
-
- <h4>$().alert()</h4>
- <p>Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the <code>.fade</code> and <code>.in</code> class already applied to them.</p>
-
- <h4>.alert('close')</h4>
- <p>Closes an alert.</p>
- {% highlight js %}$(".alert").alert('close'){% endhighlight %}
-
-
- <h3>Events</h3>
- <p>Bootstrap's alert class exposes a few events for hooking into alert functionality.</p>
- <div class="table-responsive">
- <table class="table table-bordered table-striped">
- <thead>
- <tr>
- <th style="width: 150px;">Event Type</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>close.bs.alert</td>
- <td>This event fires immediately when the <code>close</code> instance method is called.</td>
- </tr>
- <tr>
- <td>closed.bs.alert</td>
- <td>This event is fired when the alert has been closed (will wait for CSS transitions to complete).</td>
- </tr>
- </tbody>
- </table>
- </div><!-- /.table-responsive -->
-{% highlight js %}
-$('#my-alert').bind('closed.bs.alert', function () {
- // do something…
-})
-{% endhighlight %}
-</div>
diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html
index 2656556be..b952e8504 100644
--- a/docs/_includes/js/tooltips.html
+++ b/docs/_includes/js/tooltips.html
@@ -134,6 +134,14 @@ $('#example').tooltip(options)
<p>Appends the tooltip to a specific element. Example: <code>container: 'body'</code></p>
</td>
</tr>
+ <tr>
+ <td>viewport</td>
+ <td>string | object</td>
+ <td>{ selector: 'body', padding: 0 }</td>
+ <td>
+ <p>Keeps the tooltip within the bounds of this element. Example: <code>viewport: '#viewport'</code> or <code>{ selector: '#viewport', padding: 0 }</code></p>
+ </td>
+ </tr>
</tbody>
</table>
</div><!-- /.table-responsive -->