rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Replace inline styles in example "Dropdowns" (#35483)

Browse Source
This commit is contained in:
Anton 2021-12-07 21:45:56 +03:00 committed by GitHub
parent 328f723008
commit e45111fb74
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
site/content/docs/5.1/examples/dropdowns/index.html
View File

@ -107,19 +107,19 @@ body_class: ""
</form>
<ul class="list-unstyled mb-0">
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-success rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-success rounded-circle p-1"></span>
Action
</a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-primary rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-primary rounded-circle p-1"></span>
Another action
</a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-danger rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-danger rounded-circle p-1"></span>
Something else here
</a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-info rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-info rounded-circle p-1"></span>
Separated link
</a></li>
</ul>
@ -131,19 +131,19 @@ body_class: ""
</form>
<ul class="list-unstyled mb-0">
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-success rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-success rounded-circle p-1"></span>
Action
</a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-primary rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-primary rounded-circle p-1"></span>
Another action
</a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-danger rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-danger rounded-circle p-1"></span>
Something else here
</a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
<span class="d-inline-block bg-info rounded-circle" style="width: .5em; height: .5em;"></span>
<span class="d-inline-block bg-info rounded-circle p-1"></span>
Separated link
</a></li>
</ul>
@ -336,4 +336,4 @@ body_class: ""
<div class="col-4">
...
</div>
</div>
</div>