mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 21:40:48 +00:00
Code Issues Projects Releases Wiki 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> </form>
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Action
</a></li> </a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Another action
</a></li> </a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Something else here
</a></li> </a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Separated link
</a></li> </a></li>
</ul> </ul>
@ -131,19 +131,19 @@ body_class: ""
</form> </form>
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Action
</a></li> </a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Another action
</a></li> </a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Something else here
</a></li> </a></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#"> <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 Separated link
</a></li> </a></li>
</ul> </ul>
@ -336,4 +336,4 @@ body_class: ""
<div class="col-4"> <div class="col-4">
... ...
</div> </div>
</div> </div>