Bootstrap бағдарламасына шолу
Bootstrap — навигация, пішіндер және түймелер сияқты жалпы элементтерге арналған дайын CSS және JavaScript құрамдастары бар веб-интерфейстерді жобалауға көмектесетін алдыңғы қатарлы құрылым. Сондай-ақ оның сайтыңызды телефондар мен планшеттер сияқты экран өлшемдері әртүрлі құрылғыларға реттейтін жауап беретін тор орналасу жүйесі бар. Bootstrap орналасу жүйесін пайдалана отырып, тұтынушыларыңыз пайдалануы мүмкін кез келген құрылғыда жақсы көрінетін жалғыз сайт жасай аласыз.
Power Pages үлгілер минималды теңшелетін мәнерлері бар стандартты Bootstrap құрамдастарын пайдаланады. Осы үлгілерді пайдаланып, бүкіл сайтта бренд пен қалауларыңызға сәйкес келетін тақырыпты (қаріптер, түстер және т.б.) оңай өзгертуге болады.
Power Pages Bootstrap 3.3.6 нұсқасын және Bootstrap 5 нұсқасын қолдайды. Bootstrap 5-нұсқасы жақсартылған пайдаланушы тәжірибесі (UX) мүмкіндіктерін және аккордеон, канвас және RTL қолдауы сияқты жаңа құрамдастарды ұсынады.
Жаңа Power Pages сайттар үшін сізге ортаңызда Bootstrap 5 нұсқасын орнату қажет. Сондай-ақ бар Bootstrap нұсқасының 3 веб-сайттарын 5-нұсқаға көшіруге болады.
Бастапқы жүктеуді теңшеу
Bootstrap бағдарламасын теңшеу үшін айнымалы мәндерді өзгертесіз, содан кейін теңшелетін мәндермен құрастырылған Bootstrap нұсқасын жүктеп алыңыз.
Bootstrap айнымалыларының күші мынада, олар бір элементті емес, рамкадағы барлық стильдерді анықтайды. Мысалы, айнымалы @font-size-base сайтыңыздағы мәтіннің әдепкі өлшемін — негізгі мәтінді, тақырыптарды және барлық басқа мәтін элементтерін көрсетеді. H1 тақырыбы @font-size-base 300 пайызы ретінде анықталуы мүмкін. Осы бір айнымалы мәнді орнату арқылы сіз веб-сайтыңыздың барлық типографиялық масштабын дәйекті түрде басқарасыз.
Bootstrap ресми Bootstrap сайты арқылы теңшелетін нұсқасын жасауға болады немесе оңай интерфейсті немесе алдын ала әзірленген тақырыптарды ұсына алатын үшінші тарап сайтын пайдалануға болады. Ресми Bootstrap теңшеушісі сайтында Bootstrap теңшеу туралы қосымша ақпарат бар.
Bootstrap бағдарламасының теңшелген нұсқасын жүктеп алған кезде, ол келесі каталог құрылымын қамтиды:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Сіз пайдаланған теңшеу қолданбасына байланысты каталог құрылымы тек bootstrap.min.css қамтуы мүмкін. Бұл теңшеулеріңізді қамтитын файл. Басқа файлдар Bootstrap бағдарламасының барлық теңшелетін нұсқалары үшін бірдей және веб-сайтыңызға енгізілген.