background image

 
 

 

 

26 

 

Η τελευταία  έκδοση της CSS,  είναι η CSS3 και είναι ακόμα υπό ανάπτυξη. Η 

μεγαλύτερη  διαφορά  της  CSS3  με  τον  προκάτοχο  της  CSS2,  είναι  ότι  υπάρχει  ένα 

ευρύτερο  φάσμα  υποστήριξης  προγραμμάτων  περιήγησης  και  λειτουργικών 

συστημάτων,  ώστε να διασφαλίσετε η συμβατότητα. 

 

2.2.3 Bootstrap 5.0.0  

Η Bootstrap  [3] είναι μια γλώσσα  προγραμματισμού  front  end,  η οποία  κάνει 

το σχεδιασμό της ιστοσελίδας  πολύ πιο εύκολο.  Είναι σίγουρα  η πιο δημοφιλής  front 

end  βιβλιοθήκη  και  η  πιο  σημαντική  δυνατότητα  είναι  ότι,  καθώς  ο  χρήστης 

απομακρύνεται από τον υπολογιστή για να συνδεθεί από το κινητό,  πολλοί ιστόχωροι 

θα πρέπει να ανταποκρίνονται το ίδιο με τον υπολογιστή. Αυτό σημαίνει, ότι εάν ένας 

χρήστης περιηγηθεί σε έναν ιστόχωρο,  είτε  από υπολογιστή,  είτε από  tablet,  είτε από 

κινητό,  είτε  από iPad  θα πρέπει  να έχει  την καλύτερη  δυνατή διάταξη αναλόγως  το 

μέγεθος της οθόνης που χρησιμοποιεί. Αυτή η καλύτερη  δυνατή διάταξη ανάλογα με 

το μέγεθος  της οθόνης είναι κάτι που υλοποιείται  μέσω  της Bootstrap. Επίσης, με τη 

βιβλιοθήκη της Bootstrap  έχουμε πρόσβαση σε pre-styled  στοιχεία που μπορούμε  να 

τα χρησιμοποιήσουμε έτοιμα στον κώδικα  μας πολύ εύκολα.   

Παρακάτω  ακολουθεί  (Εικόνα  9) ένα παράδειγμα κώδικα  HTML  και κώδικα 

HTML με Bootstrap,  το οποίο έχει υλοποιηθεί  σε μια δωρεάν  ιστοσελίδα  συγγραφής 

κώδικα  και  εμφάνισης  αποτελεσμάτων  πολλών  γλωσσών  προγραμματισμού 

διαδικτύου  (www.codeply.com). 

 

Εικόνα 9: Pre-styled στοιχεία Bootstrap 

                   

Όπως γίνεται  αντιληπτό στην εικόνα,  το πρώτο  button  είναι με κώδικα  HTML 

και τα υπόλοιπα είναι κώδικας  HTML με χρήση pre-styled στοιχείων  της Bootstrap.