Δημιουργία μιας βασικής γραμμής πλοήγησης - navigation bar

Modifications to the CSS styles

Όταν χρησιμοποιούμε τη σταθερή -fixed γραμμή πλοήγησης, θα πρέπει να δώσουμε στο σώμα της σελίδας ένα ανώτερο περιθώριο - margin των 50px, έτσι ώστε τα κορυφαία 50px της σελίδας να μην αποκρύπτονται κάτω από τη γραμμή πλοήγησης. Προσθέτουμε επίσης z-δείκτη: 0 για να βεβαιωθείτε ότι η γραμμή πλοήγησης θα είναι πάντα μπροστά από το body.

Ας υποθέσουμε ότι θέλουμε να αλλάξουμε το χρώμα φόντου της γραμμής πλοήγησης. Αυτή είναι η κλάση bg-light. Ανοίγουμε το node_modules \ bootstrap \ dist \ css \ bootstrap.css και αναζητούμε την κλάση.

bg-light class
Αντιγράφουμε αυτόν τον κώδικα και τον επικολλάμε στο αρχείο css \ styles.css. Έτσι μπορούμε να αλλάξουμε το χρώμα.

CSS code: