description:Use generated psuedo elements to make an element maintain the aspect ratio of your choosing. Perfect for responsively handling video or slideshow embeds based on the width of the parent.
description:Use generated pseudo elements to make an element maintain the aspect ratio of your choosing. Perfect for responsively handling video or slideshow embeds based on the width of the parent.
@@ -317,7 +317,7 @@ Badges were overhauled to better differentiate themselves from buttons and to be
...
@@ -317,7 +317,7 @@ Badges were overhauled to better differentiate themselves from buttons and to be
#### Buttons
#### Buttons
- The checkbox/radio toggle is removed from the button plugin in favour of a CSS only solution, which is documented in the [form checks and radios]({{<docsref"/forms/checks-radios#toggle-buttons">}}) docs. The `.btn-check` class can be added to inputs, any label with `.btn` and modifier class can be used to theme the labels. [See #30650](https://github.com/twbs/bootstrap/pull/30650).
- The checkbox/radio toggle is removed from the button plugin in favor of a CSS only solution, which is documented in the [form checks and radios]({{<docsref"/forms/checks-radios#toggle-buttons">}}) docs. The `.btn-check` class can be added to inputs, any label with `.btn` and modifier class can be used to theme the labels. [See #30650](https://github.com/twbs/bootstrap/pull/30650).
@@ -22,7 +22,7 @@ Bootstrap provides `.pe-none` and `.pe-auto` classes to prevent or add element i
...
@@ -22,7 +22,7 @@ Bootstrap provides `.pe-none` and `.pe-auto` classes to prevent or add element i
{{<example>}}
{{<example>}}
<p><ahref="#"class="pe-none"tabindex="-1"aria-disabled="true">This link</a> can not be clicked.</p>
<p><ahref="#"class="pe-none"tabindex="-1"aria-disabled="true">This link</a> can not be clicked.</p>
<p><ahref="#"class="pe-auto">This link</a> can be clicked (this is default behaviour).</p>
<p><ahref="#"class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<pclass="pe-none"><ahref="#"tabindex="-1"aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <ahref="#"class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>
<pclass="pe-none"><ahref="#"tabindex="-1"aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <ahref="#"class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>