ಈ ಪೋಸ್ಟ್‌ನಲ್ಲಿ ನಾವು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಸೈಟ್‌ನ ವಿನ್ಯಾಸವನ್ನು ನೋಡುತ್ತೇವೆ ಈ ತೆರೆದ ಮೂಲ ಚೌಕಟ್ಟಿನ ಅದ್ಭುತ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು. ರಲ್ಲಿ ಹಿಂದಿನ ಲೇಖನಗಳು ನಾವು ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ಸ್ಥಾಪಿಸಿದ್ದೇವೆ ಮತ್ತು ನಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭಗೊಳಿಸಲು ಅಗತ್ಯವಾದ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಿದ್ದೇವೆ.
ವಿಷಯ ನಿರ್ವಾಹಕರಾಗಿ ಅದನ್ನು ನೆನಪಿಡಿ Linux Adictos ನಾನು GitHub ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಿದ ಉದಾಹರಣೆಗಳ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಲು ಇದು ನನಗೆ ಅನುಮತಿಸುವುದಿಲ್ಲ. ಅವುಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ನೀವು ನಿಮ್ಮ ವಿತರಣೆಯಲ್ಲಿ Git ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಸ್ಥಾಪಿಸಬೇಕು ಮತ್ತು ನಂತರ ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಗಳನ್ನು ಬರೆಯಬೇಕು:
cd Documentos
git clone https://github.com/dggonzalez1971/bootstrap.git
ಹೊಸ ಫೈಲ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ನೀವು ನಿಯತಕಾಲಿಕವಾಗಿ ಈ ಎರಡು ಆಜ್ಞೆಗಳನ್ನು ಚಲಾಯಿಸಬೇಕಾಗುತ್ತದೆ.
ಕೋಡ್ ಅನ್ನು ವಿಶ್ಲೇಷಿಸಲಾಗುತ್ತಿದೆ
ಈಗ ಫೈಲ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್‌ನಲ್ಲಿ VSCodium ಜೊತೆಗೆ example2.html ಅನ್ನು ತೆರೆಯಿರಿ. (ಬಲ ಗುಂಡಿಯೊಂದಿಗೆ ತೆರೆಯಿರಿ) ನಾವು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ನೋಡುತ್ತೇವೆ:
- 1 ನೇ ಸಾಲಿನಲ್ಲಿ ನಾವು ಬ್ರೌಸರ್‌ಗೆ ಡಾಕ್ಯುಮೆಂಟ್ ಪ್ರಕಾರವನ್ನು ಹೇಳುತ್ತೇವೆ ಇದರಿಂದ ಅದನ್ನು ಹೇಗೆ ನಿರೂಪಿಸಬೇಕು ಎಂದು ತಿಳಿಯುತ್ತದೆ.
- ಲೈನ್ 2 ಸೈಟ್‌ನ ಭಾಷೆಯನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಇದು ಕೆಲವು ಅಕ್ಷರಗಳನ್ನು ಹೇಗೆ ಪ್ರತಿನಿಧಿಸುತ್ತದೆ ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳಿಗೆ ವಿಷಯದ ಭಾಷೆಯನ್ನು ಹೇಗೆ ಪ್ರತಿನಿಧಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಬ್ರೌಸರ್‌ಗೆ ತಿಳಿಸುತ್ತದೆ, ಇದು ಸ್ಥಾನೀಕರಣವನ್ನು ಸುಗಮಗೊಳಿಸುತ್ತದೆ. ನಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಇದನ್ನು es ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಆದರೆ ಸ್ಪೇನ್‌ನಿಂದ ಸ್ಪ್ಯಾನಿಷ್‌ಗಾಗಿ es_ES ಅಥವಾ ಅರ್ಜೆಂಟೀನಾದಿಂದ ಸ್ಪ್ಯಾನಿಷ್‌ಗಾಗಿ es_AR ನಂತಹ ಪ್ರಾದೇಶಿಕ ರೂಪಾಂತರಗಳಿವೆ.
- 3 ನೇ ಸಾಲಿನಿಂದ ನಾವು ಟ್ಯಾಗ್‌ಗಳ ನಡುವೆ ಮೆಟಾಡೇಟಾ ಕಂಟೇನರ್ ಅನ್ನು ಹೊಂದಿದ್ದೇವೆ ವೈ . ಮೆಟಾಡೇಟಾ ಡಾಕ್ಯುಮೆಂಟ್ ಬಗ್ಗೆ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ನಮ್ಮ ಉದಾಹರಣೆಯಲ್ಲಿ:
- ಸಾಲು 4 ಅಕ್ಷರ ಎನ್ಕೋಡಿಂಗ್ಗಾಗಿ ಬಳಸುವ ಮಾನದಂಡವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಉಚ್ಚಾರಣೆಯ ಅಕ್ಷರಗಳು ಅಥವಾ ವಿಶೇಷ ಚಿಹ್ನೆಗಳ ಬದಲಿಗೆ, ವಜ್ರದೊಳಗೆ ಪ್ರಶ್ನಾರ್ಥಕ ಚಿಹ್ನೆಯನ್ನು ಪ್ರದರ್ಶಿಸುವುದನ್ನು ನೀವು ಸಾಂದರ್ಭಿಕವಾಗಿ ನೋಡಿರಬಹುದು. ಏಕೆಂದರೆ ಬ್ರೌಸರ್ ಅಸಮರ್ಪಕ ಎನ್ಕೋಡಿಂಗ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. 8 ನೇ ಸಾಲಿನ ಹೇಳಿಕೆಯು ಇದನ್ನು ಸ್ಪಷ್ಟವಾಗಿ ಘೋಷಿಸುವ ಮೂಲಕ ತಪ್ಪಿಸುತ್ತದೆ.
- 5 ನೇ ಸಾಲಿನಲ್ಲಿ ನಾವು ಬ್ರೌಸರ್ ಅನ್ನು ವಿಭಿನ್ನ ಪರದೆಯ ಸ್ವರೂಪಗಳಿಗೆ ಹೇಗೆ ಹೊಂದಿಕೊಳ್ಳಬೇಕು ಎಂದು ಹೇಳುತ್ತೇವೆ.
- ನಾವು 6 ನೇ ಸಾಲಿನಲ್ಲಿ ಹೊಂದಿಸಿರುವ ಶೀರ್ಷಿಕೆಯನ್ನು ಬ್ರೌಸರ್‌ನ ಮೇಲಿನ ಬಾರ್‌ನಲ್ಲಿ ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.
- 7 ನೇ ಸಾಲಿನಲ್ಲಿ ನಾವು ಸ್ಟೈಲಿಂಗ್‌ಗೆ ಸಂಬಂಧಿಸಿದ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಅಂಶಗಳನ್ನು ಎಲ್ಲಿ ಕಂಡುಹಿಡಿಯಬೇಕೆಂದು ಬ್ರೌಸರ್‌ಗೆ ಹೇಳುತ್ತೇವೆ.
- 10 ನೇ ಸಾಲಿನಿಂದ ಕಂಟೇನರ್ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. ದೇಹವು ವೆಬ್ ಪುಟದ ವಿಷಯ ಮತ್ತು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳಿಗೆ ಲಿಂಕ್ ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ ಅದು ನಮ್ಮ ಸೈಟ್‌ಗೆ ಪರಸ್ಪರ ಕ್ರಿಯೆಯನ್ನು ನೀಡುತ್ತದೆ.
- ಸಾಲು 13 ಡಾಕ್ಯುಮೆಂಟ್ನ ಅಂತ್ಯವನ್ನು ಸೂಚಿಸುತ್ತದೆ.
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಸೈಟ್‌ನ ಲೇಔಟ್
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಸೈಟ್‌ನ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಪ್ರಮುಖ ಪರಿಕಲ್ಪನೆಗಳು
ನಾವು ಹಿಂದಿನ ಲೇಖನಗಳಲ್ಲಿ ಹೇಳಿದಂತೆ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮೊಬೈಲ್ ಮೊದಲ ವಿಧಾನವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ಈ ವಿಧಾನವನ್ನು ಅನ್ವಯಿಸಿದಾಗ, ವಿನ್ಯಾಸವನ್ನು ಸಣ್ಣ ಪರದೆಯ ಗಾತ್ರವನ್ನು ಮನಸ್ಸಿನಲ್ಲಿಟ್ಟುಕೊಂಡು ಸಾಧನವನ್ನು ಮಾಡಲಾಗುತ್ತದೆ ಮತ್ತು ನಂತರ ಅದನ್ನು ಅನುಸರಿಸುವ ಗಾತ್ರಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳಲು ಪದರಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ.
ಇಲ್ಲಿ ನಾವು ಎರಡು ಪ್ರಮುಖ ಪರಿಕಲ್ಪನೆಗಳನ್ನು ಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳಬೇಕು:
- ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳು.
- ಮಾಧ್ಯಮ ಸಮಾಲೋಚನೆ.
ಯಾವ ಪರದೆಯ ಅಗಲದಿಂದ ಲೇಔಟ್ ಅನ್ನು ಮಾರ್ಪಡಿಸಲಾಗಿದೆ ಎಂಬುದನ್ನು ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳು ಸೂಚಿಸುತ್ತವೆ., ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಕೆಲವು ಬ್ರೌಸರ್ ಮತ್ತು ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಆಧರಿಸಿ ಶೈಲಿಯ ನಿಯತಾಂಕಗಳನ್ನು ಅನ್ವಯಿಸುತ್ತವೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ಪ್ರತಿ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್ ಅನುಗುಣವಾದ ಶೈಲಿಯನ್ನು ಹೊಂದಿರುತ್ತದೆ.
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಆರು ಪೂರ್ವನಿರ್ಧರಿತ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ ಅದನ್ನು ಹೆಚ್ಚು ಮುಂದುವರಿದ ಪ್ರೋಗ್ರಾಮರ್‌ಗಳು ಮಾರ್ಪಡಿಸಬಹುದು. ಡೀಫಾಲ್ಟ್ ಪಾಯಿಂಟ್‌ಗಳೆಂದರೆ:
- ಹೆಚ್ಚುವರಿ ಚಿಕ್ಕದು: ಮೊದಲೇ ಗುರುತಿಸುವಿಕೆಯನ್ನು ಹೊಂದಿಲ್ಲ ಮತ್ತು 576 ಪಿಕ್ಸೆಲ್‌ಗಳಿಗಿಂತ ಕಡಿಮೆ ಅಗಲವಿರುವ ಪರದೆಗಳಿಗೆ ಅನ್ವಯಿಸುತ್ತದೆ.
- ಚಿಕ್ಕದು: ಇದನ್ನು sm ನೊಂದಿಗೆ ಗುರುತಿಸಲಾಗಿದೆ ಮತ್ತು 576 ಪಿಕ್ಸೆಲ್‌ಗಳಿಂದ ಪರದೆಗಳಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ.
- ಮಧ್ಯಮ: ಇದನ್ನು md ಯೊಂದಿಗೆ ಗುರುತಿಸಲಾಗಿದೆ ಮತ್ತು 768 ಪಿಕ್ಸೆಲ್‌ಗಳಿಂದ ಪರದೆಗಳಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ.
- ಉದ್ದ: 992 ಪಿಕ್ಸೆಲ್‌ಗಳಿಂದ ಪರದೆಗಳಿಗೆ lg ಎಂದು ಗುರುತಿಸಲಾಗಿದೆ.
- ಹೆಚ್ಚುವರಿ ಉದ್ದ: ಇದು ಐಡೆಂಟಿಫೈಯರ್ lg ಅನ್ನು ಹೊಂದಿದೆ ಮತ್ತು 1200 ಪಿಕ್ಸೆಲ್‌ಗಳಿಂದ ಪರದೆಗಳಿಗೆ ಶೈಲಿಗಳನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ.
- ಹೆಚ್ಚುವರಿ ಉದ್ದ: ಗುರುತಿಸುವಿಕೆ xxl ನೊಂದಿಗೆ ಗುರುತಿಸಲಾಗಿದೆ, 1400 ಪಿಕ್ಸೆಲ್‌ಗಳಿಂದ ಪರದೆಗಳಿಗೆ ವಿನ್ಯಾಸವನ್ನು ಅನ್ವಯಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಈ ಗಾತ್ರಗಳನ್ನು ಆಕಸ್ಮಿಕವಾಗಿ ಆಯ್ಕೆ ಮಾಡಲಾಗಿಲ್ಲ ಪ್ರತಿಯೊಂದು ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳು ಕಂಟೈನರ್‌ಗಳನ್ನು ಹೊಂದಿರಬಹುದು, ಅದರ ಅಗಲಗಳು 12 ರ ಗುಣಕಗಳಾಗಿವೆ. ಅವುಗಳು ನಿರ್ದಿಷ್ಟ ಸಾಧನಕ್ಕೆ ಗುರಿಯಾಗಿರುವುದಿಲ್ಲ, ಬದಲಿಗೆ ವಿವಿಧ ವರ್ಗಗಳ ಸಾಧನಗಳು ಮತ್ತು ಪರದೆಯ ಗಾತ್ರಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ.
ವಿಭಿನ್ನ ಪರದೆಯ ಗಾತ್ರಗಳಲ್ಲಿ ನಾವು ಧಾರಕಗಳನ್ನು ಕಂಡುಕೊಳ್ಳುತ್ತೇವೆ. ನಿರ್ದಿಷ್ಟ ಸಾಧನ ಅಥವಾ ಗ್ರಾಫಿಕ್ ವಿಂಡೋದಲ್ಲಿ ಸೈಟ್‌ನ ವಿಷಯವನ್ನು ಹೋಸ್ಟ್ ಮಾಡಲು, ಭರ್ತಿ ಮಾಡಲು ಮತ್ತು ಜೋಡಿಸಲು ಇವು ಜವಾಬ್ದಾರರಾಗಿರುತ್ತವೆ.
;