ID: 3346
Web
Łatwe
Źródło: Arkusze CKE
Zgodnie z dokumentacją dotyczącą menu Navbar z biblioteki Bootstrap 4, w celu stworzenia menu należy zdefiniować listę
A standard navigation bar is created with the .navbar class, followed by a responsive collapsing class:
.navbar-expand-xl|lg|md|sm (stacks the navbar vertically on extra large, large, medium or small screens).
To add links inside the navbar, use a <ul> element with class="navbar-nav". Then add <li> elements with a
.nav-item class followed by a <a> element with a .nav-link class...
Use any of the .bg-color classes to change the background color of the navbar (.bg-primary, .bg-success,
.bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark and .bg-light)
Tip: Add a white text color to all links in the navbar with the .navbar-dark class, or use the .navbar-light
class to add a black text color.Źródło: https://www.w3schools.com/bootstrap4
Warianty odpowiedzi
-
A
< ul class="navbar-nav" > ... < /ul>
-
B
< ol class="a, .nav-item" > ... < /ol>
-
C
< ul class="a, .nav-item" > ... < /ul>
-
D
< ol class="navbar-nav" > ... < /ol>
Wyjaśnienie
W Bootstrapie 4 paski nawigacji opierają się na standardowych strukturach HTML, ale wymagają odpowiednich klas CSS do poprawnego stylowania.
Zgodnie z dokumentacją przytoczoną w treści zadania, główny kontener na linki w navbarze to nieuporządkowana lista ul, która musi posiadać klasę navbar-nav.
Poszczególne elementy tej listy posiadają klasę nav-item, a znajdujące się w nich odnośniki a korzystają z klasy nav-link. Prawidłowym wyborem jest więc znacznik ul z klasą navbar-nav.