Menü anpassen:

👉 Dropdowns · Bootstrap (getbootstrap.com)

HTML-Code:

<div class="dropdown">
<button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Mehr
</button>
<div class="dropdown-menu">
<div class="dropdown-item">##more##</div>
<div class="dropdown-item">##edit##</div>
<div class="dropdown-item">##approve####disapprove##</div>
<div class="dropdown-divider"></div>
<div class="dropdown-item">##delete##</div>
</div>
</div>

CSS:

.dropdown-menu .icon.fa.fa-search-plus.fa-fw::after {
  content: " Einzelansicht";
  font-family: "Titillium Web", Arial, sans-serif;
}

.dropdown-menu .icon.fa.fa-pencil.fa-fw::after {
content: " Bearbeiten";
font-family: "Titillium Web",Arial,sans-serif;
}

.dropdown-menu .icon.fa.fa-cog.fa-fw::after {
  content: " Bearbeiten";
  font-family: "Titillium Web", Arial, sans-serif;
}

.dropdown-menu .icon.fa.fa-trash.fa-fw::after {
  content: " Löschen";
  font-family: "Titillium Web", Arial, sans-serif;
}

.dropdown-menu .icon.fa.fa-ban.fa-fw.iconsmall::after {
  content: " Nicht freigeben";
  font-family: "Titillium Web", Arial, sans-serif;
}

.dropdown-menu .icon.fa.fa-thumbs-up.fa-fw.iconsmall::after {
  content: " Zulassen";
  font-family: "Titillium Web", Arial, sans-serif;
}

.dropdown-item:empty {
  display: none;
}