Անցեք հիմնական բովանդակությանը
Կա Bootstrap 4-ի ավելի նոր տարբերակ:

Օրինակներ

Արագ սկսեք նախագիծը մեր ցանկացած օրինակով, սկսած շրջանակի մասերի օգտագործումից մինչև հատուկ բաղադրիչներ և դասավորություններ:

Ներբեռնեք աղբյուրի կոդը

Պատվերով բաղադրիչներ

Բոլորովին նոր բաղադրիչներ և ձևանմուշներ, որոնք կօգնեն մարդկանց արագ սկսել Bootstrap-ը և ցուցադրել շրջանակում ավելացնելու լավագույն փորձը:

Ալբոմի սքրինշոթ
Ալբոմ

Պարզ մեկ էջանոց ձևանմուշ լուսանկարների պատկերասրահների, պորտֆոլիոների և այլնի համար:

Գնային սքրինշոթ
Գնագոյացում

Օրինակ գնային էջ, որը կառուցված է Քարտերով և ունի հատուկ վերնագիր և ստորագիր:

Ստուգման սքրինշոթ
Ստուգում

Պատվերով վճարման ձևը, որը ցույց է տալիս մեր ձևի բաղադրիչները և դրանց վավերացման առանձնահատկությունները:

Ապրանքի սքրինշոթ
Արտադրանք

Նիհար արտադրանքի վրա կենտրոնացած շուկայավարման էջ՝ լայնածավալ ցանցային և պատկերային աշխատանքով:

Շապիկի սքրինշոթ
Ծածկույթ

Պարզ և գեղեցիկ գլխավոր էջեր կառուցելու մեկ էջանոց ձևանմուշ:

Կարուսելի սքրինշոթ
Կարուսել

Անհատականացրեք navbar-ը և կարուսելը, այնուհետև ավելացրեք որոշ նոր բաղադրիչներ:

Բլոգի սքրինշոթ
Բլոգ

Ամսագիր, ինչպիսին է բլոգի ձևանմուշը, վերնագրով, նավիգացիայով, հատուկ բովանդակությամբ:

Վահանակի սքրինշոթ
Վահանակ

Հիմնական ադմինիստրատորի վահանակի կեղևը ֆիքսված կողագոտով և նավագոտով:

Մուտք գործելու սքրինշոթ
Մուտք գործել

Հատուկ ձևի դասավորություն և ձևավորում՝ ձևի պարզ նշանի համար:

Կպչուն էջատակի սքրինշոթ
Կպչուն ստորագիր

Երբ էջի բովանդակությունը կարճ է, կցեք ստորագիր դիտակետի ներքևի մասում:

Կպչուն ստորագիր նավագոտու սքրինշոթ
Կպչուն էջատակի նավագոտ

Տեսադաշտի ներքևի մասում ամրացրեք էջատակ՝ ամրացված վերևի նավագոտով:

Շրջանակ

Օրինակներ, որոնք կենտրոնանում են Bootstrap-ի կողմից տրամադրված ներկառուցված բաղադրիչների օգտագործման վրա:

Սկսնակ կաղապարի սքրինշոթ
Սկսնակ ձևանմուշ

Ոչինչ, բացի հիմունքներից՝ կազմված CSS և JavaScript:

Ցանցային սքրինշոթ
Ցանց

Ցանցային դասավորության բազմաթիվ օրինակներ բոլոր չորս մակարդակներով, բնադրում և այլն:

Jumbotron սքրինշոթ
Ջամբոտրոն

Կառուցեք jumbotron-ի շուրջը navbar-ով և որոշ հիմնական ցանցային սյուներով:

Վերցրեք լռելյայն navbar բաղադրիչը և ցույց տվեք, թե ինչպես կարելի է այն տեղափոխել, տեղադրել և ընդլայնել:

Navbars սքրինշոթ
Navbars

Navbar-ի բոլոր պատասխանատու և կոնտեյներային տարբերակների ցուցադրում:

Navbar ստատիկ սքրինշոթ
Navbar ստատիկ

Ստատիկ վերին նավագոտու մեկ նավագոտու օրինակ՝ որոշ լրացուցիչ բովանդակության հետ միասին:

Navbar ֆիքսված սքրինշոթ
Navbar-ը շտկված է

Մեկ նավագոտու օրինակ՝ ֆիքսված վերևի նավագոտով և որոշ լրացուցիչ բովանդակությամբ:

Navbar ստորին սքրինշոթ
Navbar ներքևում

Մեկ նավագոտու օրինակ՝ ներքևի նավագոտով և որոշ լրացուցիչ բովանդակությամբ:

Փորձարկումներ

Օրինակներ, որոնք կենտրոնանում են ապագայի համար հարմար հատկանիշների կամ տեխնիկայի վրա:

Լողացող պիտակների սքրինշոթ
Լողացող պիտակներ

Գեղեցիկ պարզ ձևեր՝ լողացող պիտակներով ձեր մուտքերի վրա:

Offcanvas սքրինշոթ
Offcanvas

Ձեր ընդլայնվող նավագոտին վերածեք լոգարիթմական մենյուի: