mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
Merge pull request #13845 from BBosman/dismissible
Fix dismissible spelling
This commit is contained in:
commit
316e0c7b1b
@ -32,16 +32,16 @@
|
|||||||
<div class="alert alert-danger" role="alert">...</div>
|
<div class="alert alert-danger" role="alert">...</div>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h2 id="alerts-dismissable">Dismissable alerts</h2>
|
<h2 id="alerts-dismissible">Dismissible alerts</h2>
|
||||||
<p>Build on any alert by adding an optional <code>.alert-dismissable</code> and close button.</p>
|
<p>Build on any alert by adding an optional <code>.alert-dismissible</code> and close button.</p>
|
||||||
<div class="bs-example">
|
<div class="bs-example">
|
||||||
<div class="alert alert-warning alert-dismissable" role="alert">
|
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||||
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
||||||
<strong>Warning!</strong> Better check yourself, you're not looking too good.
|
<strong>Warning!</strong> Better check yourself, you're not looking too good.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% highlight html %}
|
{% highlight html %}
|
||||||
<div class="alert alert-warning alert-dismissable" role="alert">
|
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||||
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
||||||
<strong>Warning!</strong> Better check yourself, you're not looking too good.
|
<strong>Warning!</strong> Better check yourself, you're not looking too good.
|
||||||
</div>
|
</div>
|
||||||
|
@ -111,10 +111,10 @@ sagittis lacus vel augue laoreet rutrum faucibus.">
|
|||||||
<h4>Dismiss on next click</h4>
|
<h4>Dismiss on next click</h4>
|
||||||
<p>Use the <code>focus</code> trigger to dismiss popovers on their next click.</p>
|
<p>Use the <code>focus</code> trigger to dismiss popovers on their next click.</p>
|
||||||
<div class="bs-example" style="padding-bottom: 24px;">
|
<div class="bs-example" style="padding-bottom: 24px;">
|
||||||
<button type="button" class="btn btn-lg btn-danger bs-docs-popover-dismiss" data-toggle="popover" title="Dismissable popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissable popover</button>
|
<button type="button" class="btn btn-lg btn-danger bs-docs-popover-dismiss" data-toggle="popover" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</button>
|
||||||
</div>
|
</div>
|
||||||
{% highlight html %}
|
{% highlight html %}
|
||||||
<button type="button" class="btn btn-lg btn-danger popover-dismiss" data-toggle="popover" title="Dismissable popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissable popover</button>
|
<button type="button" class="btn btn-lg btn-danger popover-dismiss" data-toggle="popover" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</button>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
{% highlight js %}
|
{% highlight js %}
|
||||||
$('.popover-dismiss').popover({
|
$('.popover-dismiss').popover({
|
||||||
|
@ -94,7 +94,7 @@
|
|||||||
<a href="#alerts">Alerts</a>
|
<a href="#alerts">Alerts</a>
|
||||||
<ul class="nav">
|
<ul class="nav">
|
||||||
<li><a href="#alerts-examples">Examples</a></li>
|
<li><a href="#alerts-examples">Examples</a></li>
|
||||||
<li><a href="#alerts-dismissable">Dismissable alerts</a></li>
|
<li><a href="#alerts-dismissible">Dismissible alerts</a></li>
|
||||||
<li><a href="#alerts-links">Links in alerts</a></li>
|
<li><a href="#alerts-links">Links in alerts</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
@ -33,11 +33,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dismissable alerts
|
// Dismissible alerts
|
||||||
//
|
//
|
||||||
// Expand the right padding and account for the close button's positioning.
|
// Expand the right padding and account for the close button's positioning.
|
||||||
|
|
||||||
.alert-dismissable {
|
.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
|
||||||
|
.alert-dismissible {
|
||||||
padding-right: (@alert-padding + 20);
|
padding-right: (@alert-padding + 20);
|
||||||
|
|
||||||
// Adjust close link position
|
// Adjust close link position
|
||||||
|
Loading…
Reference in New Issue
Block a user