Book
Υποενότητα 2.3: Προσαρμόσιμος Σχεδιασμός και Πλέγμα Bootstrap
Υποενότητα 2.3: Προσαρμόσιμος Σχεδιασμός και Πλέγμα Bootstrap
- Προσαρμόσιμος Σχεδιασμός - Responsive WEB design
- Πλέγμα Bootstrap- Bootstrap grid system. δοχείο - container, σειρά - row, στήλη - column
- Mobile first - media queries - viewport meta tag
- Εξατομίκευση των κλάσεων CSS - Εξωτερικό αρχείο (external style sheet) - style attribute σε στοιχεία HTML (inline CSS)
- Flex order - position
Responsive Design and Bootstrap Grid System Part 2
... Part 2
Κατακόρυφο κεντράρισμα του περιεχομένου
Στην ενότητα περιεχομένου, ενημερώστε όλες τις σειρές ως εξής:
<div class="row row-content align-items-center">
Στο υποσέλιδο, ενημερώστε την τρίτη στήλη div που περιέχει τους συνδέσμους κοινωνικών μέσων ως εξής:
<div class="col col-sm-4 align-self-center">
Οριζόντιο κεντράρισμα του περιεχομένου
Ενημερώστε την παράγραφο για τα πνευματικά δικαιώματα ως εξής
<div class="row justify-content-center">
<div class="col-auto">
Εφαρμογή Inline CSS
Ενημερώστε το εσωτερικό div που περιέχει τους συνδέσμους κοινωνικών μέσων ως εξής:
<div style="text-align:center">
Αφού αποθηκεύσετε όλες τις αλλαγές, μπορείτε να πραγματοποιήσετε μια Git commit με το μήνυμα "Bootstrap Grid Part 2"