mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-25 06:21:26 +02:00
More wordsmithing
This commit is contained in:
@@ -87,11 +87,9 @@ $('#example').tooltip(options)
|
|||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
{% capture callout %}
|
{% capture callout %}
|
||||||
##### Usage with overflow `auto` and `scroll`
|
##### Overflow `auto` and `scroll`
|
||||||
|
|
||||||
When the parent container has the CSS property `overflow` set to values `auto` or `scroll` (for example when used within `.table-responsive`) the tooltip's placement changes to `bottom` but still keeps original placement's positioning.
|
Tooltip position attempts to automatically change when a parent container has `overflow: auto` or `overflow: scroll` like our `.table-responsive`, but still keeps the original placement's positioning. To resolve, set the `boundary` option to anything other than default value, `'scrollParent'`, such as `'window'`:
|
||||||
|
|
||||||
The solution is to set the `boundary` option to anything other than default value `'scrollParent'`. For example, set it to `'window'`:
|
|
||||||
|
|
||||||
{% highlight js %}
|
{% highlight js %}
|
||||||
$('#example').tooltip({ boundary: 'window' })
|
$('#example').tooltip({ boundary: 'window' })
|
||||||
|
Reference in New Issue
Block a user