Υποενότητα 2.2: Ξεκινώντας με το Bootstrap

Λήψη Bootstrap

Ανοίξτε ένα παράθυρο cmd window/terminal και μεταβείτε στο φάκελοleChocolat.

Χρησιμοποιήστε npm για να ανακτήσετε τα αρχεία Bootstrap για χρήση στο έργο σας:

npm install bootstrap


Ο φάκελος bootstrap-> dist περιέχει τα  αρχεία CSS και JS Bootstrap για χρήση στο έργο σας

npm install jquery


Ο φάκελος jqery> dist περιέχει τα αρχεία JS για χρήση στο έργο σας

npm install tether


Ο φάκελος tether> dist> js περιέχει τα αρχεία JS για χρήση στο έργο σας

npm install popper.js --save

Ο φάκελος popper> dist> js περιέχει τα αρχεία JS για χρήση στο έργο σας

Ανοίξτε το φάκελο leChocolat στον επεξεργαστή σας και στη συνέχεια ανοίξτε το αρχείο index.html στο φάκελο leChocolat.

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

Ξεκινήστε το lite-server πληκτρολογώντας

npm start

στην prompt. Το αρχείο index.html θα πρέπει τώρα να φορτωθεί στο προεπιλεγμένο πρόγραμμα περιήγησης.