გადადით მთავარ შინაარსზე
არის Bootstrap 4-ის უფრო ახალი ვერსია!

მაგალითები

სწრაფად დაიწყეთ პროექტი ჩვენი ნებისმიერი მაგალითით, დაწყებული ჩარჩოს ნაწილების გამოყენებით და დამთავრებული მორგებული კომპონენტებით და განლაგებით.

ჩამოტვირთეთ საწყისი კოდი

მორგებული კომპონენტები

სრულიად ახალი კომპონენტები და შაბლონები, რათა დაეხმარონ ხალხს სწრაფად დაიწყონ Bootstrap და წარმოაჩინონ საუკეთესო პრაქტიკა ჩარჩოში დასამატებლად.

ალბომის სკრინშოტი
ალბომი

მარტივი ერთგვერდიანი შაბლონი ფოტო გალერეებისთვის, პორტფოლიოებისთვის და სხვა.

ფასების სკრინშოტი
ფასი

ფასების გვერდის მაგალითი, რომელიც აშენებულია ბარათებით და მორგებული სათაურით და ქვედა კოლონტიტულით.

შეამოწმეთ ეკრანის სურათი
გადახდა

მორგებული შეკვეთის ფორმა, რომელიც აჩვენებს ჩვენი ფორმის კომპონენტებს და მათ ვალიდაციის მახასიათებლებს.

პროდუქტის სკრინშოტი
პროდუქტი

გამჭვირვალე პროდუქტზე ორიენტირებული მარკეტინგის გვერდი ვრცელი ბადე და გამოსახულება.

საფარის სკრინშოტი
Საფარი

ერთგვერდიანი შაბლონი მარტივი და ლამაზი საწყისი გვერდების შესაქმნელად.

კარუსელის სკრინშოტი
კარუსელი

შეცვალეთ ნავიბარი და კარუსელი, შემდეგ დაამატეთ რამდენიმე ახალი კომპონენტი.

ბლოგის სკრინშოტი
ბლოგი

ჟურნალი, როგორიცაა ბლოგის შაბლონი, სათაურით, ნავიგაცია, გამორჩეული შინაარსი.

დაფის ეკრანის ანაბეჭდი
დაფა

ძირითადი ადმინისტრატორის დაფის გარსი ფიქსირებული გვერდითი ზოლით და ნავიბარით.

შესვლის ეკრანის სურათი
Შებრძანდით

ფორმის მორგებული განლაგება და დიზაინი ფორმაში მარტივი ნიშნისთვის.

წებოვანი ქვედა კოლონტიტულის ეკრანის სურათი
წებოვანი ქვედა კოლონტიტული

მიამაგრეთ ქვედა კოლონტიტული ხედის პორტის ბოლოში, როდესაც გვერდის შინაარსი მოკლეა.

წებოვანი ქვედა კოლონტიტული ნავიგარის ეკრანის ანაბეჭდი
წებოვანი ქვედა კოლონტიტული ნავიგატორი

მიამაგრეთ ქვედა კოლონტიტული ხედის პორტის ბოლოში ფიქსირებული ზედა ნავიგატორით.

ჩარჩო

მაგალითები, რომლებიც ფოკუსირებულია Bootstrap-ის მიერ მოწოდებული ჩაშენებული კომპონენტების გამოყენებაზე.

დამწყებ შაბლონის სკრინშოტი
დამწყებ შაბლონი

საფუძვლების გარდა არაფერია: შედგენილი CSS და JavaScript.

ბადის ეკრანის ანაბეჭდი
ბადე

ბადის განლაგების მრავალი მაგალითი ოთხივე იარუსით, ბუდეებით და სხვა.

ჯუმბოტრონის სკრინშოტი
ჯუმბოტრონი

შექმენით ჯუმბოტრონის გარშემო ნავიბარი და რამდენიმე ძირითადი ბადის სვეტი.

ნაგულისხმევი navbar კომპონენტის აღება და ჩვენება, თუ როგორ შეიძლება მისი გადატანა, განთავსება და გაფართოება.

Navbars ეკრანის სურათი
ნავიბარები

Demonstration of all responsive and container options for the navbar.

ნავიბარის სტატიკური ეკრანის სურათი
Navbar static

Single navbar example of a static top navbar along with some additional content.

Navbar დაფიქსირდა ეკრანის სურათი
Navbar fixed

Single navbar example with a fixed top navbar along with some additional content.

ნავიბარის ქვედა ეკრანის სურათი
Navbar bottom

Single navbar example with a bottom navbar along with some additional content.

Experiments

Examples that focus on future-friendly features or techniques.

მცურავი ეტიკეტების სკრინშოტი
Floating labels

Beautifully simple forms with floating labels over your inputs.

Offcanvas ეკრანის სურათი
Offcanvas

Turn your expandable navbar into a sliding offcanvas menu.