Ќазаќстан Республикасы Білім жјне єылым министрлігі


Bootstrap (Бутстрап) беттеудің жалпы ұғымдары



бет27/83
Дата28.09.2022
өлшемі13,27 Mb.
#40708
1   ...   23   24   25   26   27   28   29   30   ...   83
Байланысты:
umk sbbrzh (2)

Bootstrap (Бутстрап) беттеудің жалпы ұғымдары




Bootstrap - бұл дайын CSS, HTML жəне Javаscript компоненттері бар сайтты басқару жүйесі (фреймворк). Ол «Twitter»компаниясымен əзірленген. Фреймворк - веб-сайттарды құру үшін бағдарламалық қамтамасыз етуді қамтитын жəне олардың əзірленуін жеңілдететін бағдарламалық құрылымдалған қаңқа.
Bооtstrаp өз бетінше құрастыру, кез келген күрделіктегі сайттарды беттеу үшін қолданылады. Ол беттерде қолданылатын негізгі элементтерге арналған стильдерді қамтиды. Мұндай фреймворкты пайдалану web беттерді құру процесін айтарлықтай жеделдетеді. Стандартты стильдерді өзгерту оңай, бұл икемді жəне қарапайым сайт макеттерін жасау процесін қамтамасыз етеді. Bootstrap көмегімен ең қысқа мерзімде веб-сайтты жоғары деңгейде жасауға болады. Bootstrap фреймворктың негізгі артықшылықтары: Bootstrap фреймворк келесі папкалардан тұрады: css, js жəне fоnts.
Папкада:
css дайын CSS стильдері сақталады;
js дайын js сценарийлері бар файл сақталады;
fоnts қаріптер сақталады.

Bооtstrаp компоненттері мен құралдары:


Тор. Bootstrap-та сайтты жасау кезінде веб-беттің қаңқасы тор арқылы құрылады. Тор - адаптивті 12-бағаналы бекітілген өлшемдері бар тор.
Бағанды жасамас бұрын жолды жазу керек. Ол үшін «row» тегін жазу жеткілікті.



... мұнда бағандар болады...

Алдымен жол жазылады, ал жолда баған салынады.
Жолды жасау:

... бағандар жазылады...



Бағанды құру (тор):


Bооtstrаp торы ені бойынша бірдей 12 бағаннан тұрады.
Қажет болған жағдайда бағандарды біріктіруге жəне қажетті орынға орналастыруға болады.
Баған жасау үшін
«cоl-(*1)-(*2)» класы «row» ішінде жазу керек
(*1) жерінде құрылғының қандай топтары үшін орындау қажет екенін, (*2) жерінде санын көрсетеміз (бағандардың саны)








Достарыңызбен бөлісу:
1   ...   23   24   25   26   27   28   29   30   ...   83




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет