mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-17 19:21:23 +03:00
docs: A fix for CSS Variables and some proposal (#35563)
* docs: Fix CSS variables sections * Minor fix for dropdowns * Minor fixes for URLs Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
committed by
GitHub
parent
c2db7108c2
commit
42162546f2
@@ -459,14 +459,14 @@ Trigger dropdown menus above elements by adding `.dropup` to the parent element.
|
||||
</div>
|
||||
```
|
||||
|
||||
### Dropright
|
||||
### Dropend
|
||||
|
||||
Trigger dropdown menus at the right of the elements by adding `.dropend` to the parent element.
|
||||
|
||||
<div class="bd-example">
|
||||
<div class="btn-group dropend">
|
||||
<button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Dropright
|
||||
Dropend
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||
@@ -481,7 +481,7 @@ Trigger dropdown menus at the right of the elements by adding `.dropend` to the
|
||||
Split dropend
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<span class="visually-hidden">Toggle Dropright</span>
|
||||
<span class="visually-hidden">Toggle Dropend</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||
@@ -497,7 +497,7 @@ Trigger dropdown menus at the right of the elements by adding `.dropend` to the
|
||||
<!-- Default dropend button -->
|
||||
<div class="btn-group dropend">
|
||||
<button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Dropright
|
||||
Dropend
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- Dropdown menu links -->
|
||||
@@ -510,7 +510,7 @@ Trigger dropdown menus at the right of the elements by adding `.dropend` to the
|
||||
Split dropend
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<span class="visually-hidden">Toggle Dropright</span>
|
||||
<span class="visually-hidden">Toggle Dropend</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- Dropdown menu links -->
|
||||
@@ -518,14 +518,14 @@ Trigger dropdown menus at the right of the elements by adding `.dropend` to the
|
||||
</div>
|
||||
```
|
||||
|
||||
### Dropleft
|
||||
### Dropstart
|
||||
|
||||
Trigger dropdown menus at the left of the elements by adding `.dropstart` to the parent element.
|
||||
|
||||
<div class="bd-example">
|
||||
<div class="btn-group dropstart">
|
||||
<button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Dropleft
|
||||
Dropstart
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||
@@ -538,7 +538,7 @@ Trigger dropdown menus at the left of the elements by adding `.dropstart` to the
|
||||
<div class="btn-group">
|
||||
<div class="btn-group dropstart" role="group">
|
||||
<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<span class="visually-hidden">Toggle Dropleft</span>
|
||||
<span class="visually-hidden">Toggle Dropstart</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||
|
||||
Reference in New Issue
Block a user