ბადის ძირითადი განლაგება, რათა გაეცნოთ მშენებლობას Bootstrap ქსელის სისტემაში.
ამ მაგალითებში .themed-grid-colკლასი ემატება სვეტებს თემის დასამატებლად. ეს არ არის კლასი, რომელიც ხელმისაწვდომია Bootstrap-ში ნაგულისხმევად.
Bootstrap ქსელის სისტემაში ხუთი დონეა, თითო ჩვენს მიერ მხარდაჭერილი მოწყობილობების თითოეული დიაპაზონისთვის. თითოეული იარუსი იწყება მინიმალური ხედის ზომით და ავტომატურად ვრცელდება უფრო დიდ მოწყობილობებზე, თუ არ გადაიჭრება.
მიიღეთ სამი თანაბარი სიგანის სვეტი , დაწყებული დესკტოპიდან და მასშტაბირება დიდ სამუშაო მაგიდამდე . მობილურ მოწყობილობებზე, ტაბლეტებზე და ქვემოთ, სვეტები ავტომატურად დაწყობილია.
მიიღეთ სამი სვეტი დაწყებული დესკტოპიდან და მასშტაბირება სხვადასხვა სიგანის დიდ სამუშაო მაგიდამდე. დაიმახსოვრეთ, ბადის სვეტები უნდა დაემატოს თორმეტს ერთი ჰორიზონტალური ბლოკისთვის. ამაზე მეტი და სვეტები იწყებენ დაწყობას, ხედვის პორტის მიუხედავად.
მიიღეთ ორი სვეტი დაწყებული დესკტოპიდან და სკალირება დიდ სამუშაო მაგიდამდე .
არ არის საჭირო ბადის კლასები სრული სიგანის ელემენტებისთვის.
დოკუმენტაციის მიხედვით, ბუდე მარტივია - უბრალოდ განათავსეთ სვეტების მწკრივი არსებულ სვეტში. ეს გაძლევთ ორ სვეტს , დაწყებული სამუშაო მაგიდადან და მასშტაბირება დიდ სამუშაო მაგიდამდე , კიდევ ორი (ტოლი სიგანე) უფრო დიდი სვეტის ფარგლებში.
მობილური მოწყობილობების ზომებში, ტაბლეტებში და ქვემოთ, ეს სვეტები და მათი ჩადგმული სვეტები დალაგდება.
Bootstrap v4 ქსელის სისტემას აქვს კლასების ხუთი დონე: xs (ზედმეტად პატარა, ამ კლასის ინფიქსი არ გამოიყენება), sm (პატარა), md (საშუალო), lg (დიდი) და xl (ზედმეტად დიდი). თქვენ შეგიძლიათ გამოიყენოთ ამ კლასების თითქმის ნებისმიერი კომბინაცია უფრო დინამიური და მოქნილი განლაგების შესაქმნელად.
კლასების თითოეული დონე იზრდება, რაც იმას ნიშნავს, რომ თუ თქვენ აპირებთ იგივე სიგანეების დაყენებას md, lg და xl-სთვის, თქვენ მხოლოდ უნდა მიუთითოთ md.
Bootstrap v4.4-ში დამატებული დამატებითი კლასები საშუალებას აძლევს კონტეინერებს, რომლებიც 100% სიგანეა კონკრეტულ წყვეტამდე.