பூட்ஸ்டார்ப் தளத்தின் தளவமைப்பு

இந்த இடுகையில் பூட்ஸ்டார்ப் தளத்தின் அமைப்பைப் பார்ப்போம் இந்த திறந்த மூல கட்டமைப்பின் அற்புதமான திறன்களை வெளிப்படுத்த. இல் முந்தைய கட்டுரைகள் நாங்கள் ஒரு மேம்பாட்டு சூழலையும், எங்கள் வேலையை எளிதாக்க தேவையான செருகுநிரல்களையும் நிறுவியுள்ளோம்.

உள்ளடக்க மேலாளராக நினைவில் கொள்ளுங்கள் Linux Adictos நான் GitHub இல் பதிவேற்றிய எடுத்துக்காட்டுகளின் குறியீட்டைச் செருக இது என்னை அனுமதிக்காது. அவற்றைப் பதிவிறக்க, உங்கள் விநியோகத்தில் Git தொகுப்பை நிறுவி, பின்வரும் கட்டளைகளை எழுத வேண்டும்:

cd Documentos

git clone https://github.com/dggonzalez1971/bootstrap.git

புதிய கோப்புகளைப் பதிவிறக்க, இந்த இரண்டு கட்டளைகளையும் அவ்வப்போது இயக்க வேண்டும்.

குறியீட்டை பகுப்பாய்வு செய்தல்

இப்போது கோப்பு எக்ஸ்ப்ளோரரில் example2.htmlஐ VSCodium உடன் திறக்கவும். (வலது பொத்தானில் திறக்கவும்) பின்வருவனவற்றைக் காண்கிறோம்:

• வரி 1 இல், உலாவிக்கு ஆவணத்தின் வகையைச் சொல்கிறோம், இதனால் அதை எவ்வாறு வழங்குவது என்பது தெரியும்.
• வரி 2 என்பது தளத்தின் மொழியைக் குறிக்கிறது, இது உலாவியில் குறிப்பிட்ட எழுத்துக்களை எவ்வாறு பிரதிநிதித்துவப்படுத்துவது மற்றும் தேடுபொறிகள் உள்ளடக்கத்தின் மொழியை நிலைநிறுத்துவதை எளிதாக்குகிறது. எங்கள் குறியீட்டில் இது es என வரையறுக்கப்பட்டுள்ளது, ஆனால் ஸ்பெயினில் இருந்து ஸ்பானிஷ் மொழிக்கு es_ES அல்லது அர்ஜென்டினாவிலிருந்து ஸ்பானிஷ் மொழிக்கு es_AR போன்ற பிராந்திய மாறுபாடுகள் உள்ளன.
• வரி 3 இலிருந்து குறிச்சொற்களுக்கு இடையில் ஒரு மெட்டாடேட்டா கொள்கலன் உள்ளது ஒய் . மெட்டாடேட்டா ஆவணம் பற்றிய தகவலை வழங்குகிறது. எங்கள் எடுத்துக்காட்டில்:
• வரி 4 என்பது எழுத்துக்குறி குறியாக்கத்திற்கு பயன்படுத்தப்படும் தரநிலையை குறிக்கிறது. உச்சரிப்பு எழுத்துக்கள் அல்லது சிறப்புக் குறியீடுகளுக்குப் பதிலாக, வைரத்தின் உள்ளே ஒரு கேள்விக்குறி காட்டப்படுவதை நீங்கள் எப்போதாவது பார்த்திருக்கலாம். உலாவி தவறான குறியாக்கத்தைப் பயன்படுத்துவதே இதற்குக் காரணம். வரி 8ல் உள்ள அறிக்கை இதை வெளிப்படையாக அறிவிப்பதன் மூலம் தவிர்க்கிறது.
• 5 வது வரியில், உலாவி வெவ்வேறு திரை வடிவங்களுக்கு எவ்வாறு மாற்றியமைக்க வேண்டும் என்று கூறுகிறோம்.
• 6வது வரியில் நாம் அமைத்த தலைப்பு உலாவியின் மேல் பட்டியிலும் தேடுபொறிகளிலும் காட்டப்படும்.
• 7 வது வரியில், ஸ்டைலிங் தொடர்பான பூட்ஸ்டார்ப் கட்டமைப்பின் கூறுகளை எங்கே கண்டுபிடிப்பது என்று உலாவிக்கு சொல்கிறோம்.
• வரி 10 இலிருந்து கொள்கலன் தொடங்குகிறது. உள்ளடக்கத்தில் வலைப்பக்கத்தின் உள்ளடக்கம் மற்றும் பூட்ஸ்டார்ப் ஸ்கிரிப்ட்களுக்கான இணைப்பு ஆகியவை அடங்கும், இது எங்கள் தளத்திற்கு ஊடாடுதலை வழங்கும்.
• வரி 13 ஆவணத்தின் முடிவைக் குறிக்கிறது.

பூட்ஸ்டார்ப் தளத்தின் தளவமைப்பு

பூட்ஸ்டார்ப் தளத்தின் தளவமைப்புக்கான முக்கிய கருத்துக்கள்

முந்தைய கட்டுரைகளில் நாம் கூறியது போல், பூட்ஸ்ட்ராப் மொபைலின் முதல் அணுகுமுறையை எடுக்கிறது. இந்த அணுகுமுறையைப் பயன்படுத்தும்போது, ​​சிறிய திரை அளவைக் கருத்தில் கொண்டு சாதனத்தின் வடிவமைப்பு செய்யப்படுகிறது, பின்னர் அதைத் தொடரும் அளவுகளுக்கு ஏற்ப அடுக்குகள் சேர்க்கப்படும்.

இங்கே நாம் இரண்டு முக்கிய கருத்துக்களை கணக்கில் எடுத்துக்கொள்ள வேண்டும்:

• முறிவு புள்ளிகள்.
• ஊடக ஆலோசனை.

எந்தத் திரையின் அகலத்திலிருந்து தளவமைப்பு மாற்றப்பட்டது என்பதை முறிப்புப் புள்ளிகள் குறிப்பிடுகின்றன., மீடியா வினவல்கள் சில உலாவி மற்றும் இயக்க முறைமை பண்புகளின் அடிப்படையில் பாணி அளவுருக்களைப் பயன்படுத்துகின்றன. வேறு வார்த்தைகளில் கூறுவதானால், ஒவ்வொரு பிரேக் பாயிண்டிற்கும் பொருத்தமான பாணி இருக்கும்.

பூட்ஸ்டார்ப் ஆறு முன் வரையறுக்கப்பட்ட பிரேக் பாயிண்ட்களுடன் வருகிறது, அவை மேம்பட்ட புரோகிராமர்களால் மாற்றப்படலாம். இயல்புநிலை புள்ளிகள்:

• கூடுதல் சிறியது: முன்னமைக்கப்பட்ட அடையாளங்காட்டி இல்லை மற்றும் 576 பிக்சல்களுக்குக் குறைவான அகலமுள்ள திரைகளுக்குப் பொருந்தும்.
• சிறியது: இது sm உடன் அடையாளம் காணப்பட்டு 576 பிக்சல்களில் இருந்து திரைகளுக்குப் பயன்படுத்தப்படுகிறது.
• மீடியம்: இது md உடன் அடையாளம் காணப்பட்டு 768 பிக்சல்களில் இருந்து திரைகளுக்குப் பயன்படுத்தப்படுகிறது.
• நீளம்: 992 பிக்சல்களில் உள்ள திரைகளுக்கு lg என அடையாளம் காணப்பட்டது.
• கூடுதல் நீளம்: இது எல்ஜி அடையாளங்காட்டியைக் கொண்டுள்ளது மற்றும் 1200 பிக்சல்களிலிருந்து திரைகளுக்கு ஸ்டைல்களைப் பயன்படுத்துகிறது.
• கூடுதல் நீளம்: அடையாளங்காட்டி xxl உடன் குறிக்கப்பட்டது, இது 1400 பிக்சல்கள் திரைகளுக்கு வடிவமைப்பைப் பயன்படுத்தப் பயன்படுகிறது.

இந்த அளவுகள் சாதாரணமாக தேர்வு செய்யப்படவில்லை ஒவ்வொரு பிரேக் பாயிண்டும் 12 இன் மடங்கு அகலங்களைக் கொண்ட கொள்கலன்களைக் கொண்டிருக்கலாம்.  அவை ஒரு குறிப்பிட்ட சாதனத்தை இலக்காகக் கொண்டிருக்கவில்லை, மாறாக வெவ்வேறு வகை சாதனங்கள் மற்றும் திரை அளவுகளுக்கு மாற்றியமைக்கப்படுகின்றன.

வெவ்வேறு திரை அளவுகளில் கொள்கலன்களைக் காண்கிறோம்.  ஒரு குறிப்பிட்ட சாதனம் அல்லது கிராஃபிக் சாளரத்தில் தளத்தின் உள்ளடக்கத்தை ஹோஸ்ட் செய்வதற்கும், நிரப்புவதற்கும் மற்றும் சீரமைப்பதற்கும் இவை பொறுப்பு.

;