Linux ubuntu22 5.15.0-133-generic #144-Ubuntu SMP Fri Feb 7 20:47:38 UTC 2025 x86_64
nginx/1.18.0
: 128.199.27.159 | : 216.73.216.1
Cant Read [ /etc/named.conf ]
8.1.31
www-data
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
usr /
share /
doc /
libjs-bootstrap4 /
components /
[ HOME SHELL ]
Name
Size
Permission
Action
alerts.md.gz
1.83
KB
-rw-r--r--
badge.md
2.88
KB
-rw-r--r--
breadcrumb.md
2.18
KB
-rw-r--r--
button-group.md.gz
1.58
KB
-rw-r--r--
buttons.md.gz
2.56
KB
-rw-r--r--
card.md.gz
4.71
KB
-rw-r--r--
carousel.md.gz
3.75
KB
-rw-r--r--
collapse.md.gz
3.12
KB
-rw-r--r--
dropdowns.md.gz
5.96
KB
-rw-r--r--
forms.md.gz
12.03
KB
-rw-r--r--
input-group.md.gz
2.58
KB
-rw-r--r--
jumbotron.md
1.14
KB
-rw-r--r--
list-group.md.gz
3.71
KB
-rw-r--r--
media-object.md.gz
3.25
KB
-rw-r--r--
modal.md.gz
7.34
KB
-rw-r--r--
navbar.md.gz
5.07
KB
-rw-r--r--
navs.md.gz
5.99
KB
-rw-r--r--
pagination.md.gz
1.39
KB
-rw-r--r--
popovers.md.gz
5.49
KB
-rw-r--r--
progress.md.gz
1.28
KB
-rw-r--r--
scrollspy.md.gz
4.54
KB
-rw-r--r--
spinners.md.gz
1.61
KB
-rw-r--r--
toasts.md.gz
3.47
KB
-rw-r--r--
tooltips.md.gz
5.26
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : breadcrumb.md
--- layout: docs title: Breadcrumb description: Indicate the current page's location within a navigational hierarchy that automatically adds separators via CSS. group: components --- ## Example {{< example >}} <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item active" aria-current="page">Home</li> </ol> </nav> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active" aria-current="page">Library</li> </ol> </nav> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Library</a></li> <li class="breadcrumb-item active" aria-current="page">Data</li> </ol> </nav> {{< /example >}} ## Changing the separator Separators are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content). They can be changed by changing `$breadcrumb-divider`. The [quote](https://sass-lang.com/documentation/modules/string#quote) function is needed to generate the quotes around a string, so if you want `>` as separator, you can use this: ```scss $breadcrumb-divider: quote(">"); ``` It's also possible to use a **base64 embedded SVG icon**: ```scss $breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); ``` The separator can be removed by setting `$breadcrumb-divider` to `none`: ```scss $breadcrumb-divider: none; ``` ## Accessibility Since breadcrumbs provide a navigation, it's a good idea to add a meaningful label such as `aria-label="breadcrumb"` to describe the type of navigation provided in the `<nav>` element, as well as applying an `aria-current="page"` to the last item of the set to indicate that it represents the current page. For more information, see the [WAI-ARIA Authoring Practices for the breadcrumb pattern](https://www.w3.org/TR/wai-aria-practices/#breadcrumb).
Close