Book
Υποενότητα 3.1: Πλοήγηση - Εικονίδια
Υποενότητα 3.1: Πλοήγηση - Εικονίδια
- Πλοήγηση - Navigation
- Navigation bars
- Breadcrumbs
- Font Awesome
Δημιουργία μιας βασικής γραμμής πλοήγησης - navigation bar
Modifications to the CSS styles
Όταν χρησιμοποιούμε τη σταθερή -fixed γραμμή πλοήγησης, θα πρέπει να δώσουμε στο σώμα της σελίδας ένα ανώτερο περιθώριο - margin των 50px, έτσι ώστε τα κορυφαία 50px της σελίδας να μην αποκρύπτονται κάτω από τη γραμμή πλοήγησης. Προσθέτουμε επίσης z-δείκτη: 0 για να βεβαιωθείτε ότι η γραμμή πλοήγησης θα είναι πάντα μπροστά από το body.
Ας υποθέσουμε ότι θέλουμε να αλλάξουμε το χρώμα φόντου της γραμμής πλοήγησης. Αυτή είναι η κλάση bg-light. Ανοίγουμε το node_modules \ bootstrap \ dist \ css \ bootstrap.css και αναζητούμε την κλάση.
Αντιγράφουμε αυτόν τον κώδικα και τον επικολλάμε στο αρχείο css \ styles.css. Έτσι μπορούμε να αλλάξουμε το χρώμα.