რატომ იყენებს bootstrap ნეგატიურ მინდვრებს?
რატომ იყენებს bootstrap ნეგატიურ მინდვრებს?

ვიდეო: რატომ იყენებს bootstrap ნეგატიურ მინდვრებს?

ვიდეო: რატომ იყენებს bootstrap ნეგატიურ მინდვრებს?
ვიდეო: Tips and Tricks of Margin and Padding in Bootstrap 5 | Bootstrap Spacing | Bootstrap 5 Tutorial 2024, ნოემბერი
Anonim

რიგებს აქვს ა უარყოფითი მარცხენა მარჯვენა ზღვარი -15 პიქსელი. კონტეინერის ბალიშები 15 პიქსელით გამოიყენება წინააღმდეგობის გასაწევად უარყოფითი მინდვრები რიგის. ეს არის იმისათვის, რომ კონტენტი თანაბრად იყოს გასწორებული განლაგების კიდეებზე. თუ მწკრივს არ ჩადებთ კონტეინერში, მწკრივი გადაივლის მის კონტეინერს, რაც გამოიწვევს არასასურველ ჰორიზონტალურ გადახვევას.

ამასთან დაკავშირებით, რატომ აქვს ჩატვირთვის რიგს უარყოფითი ზღვარი?

Სულ ბადე სისტემები, თითოეულ სვეტს შორის არის ღარები. ბოლო კლასი იმ სვეტებზე, როგორც ზოგიერთი ბადე სისტემები აკეთებენ, ისინი სანაცვლოდ ადგენენ. რიგი კლასი რომ ჰქონდეს უარყოფითი მინდვრები რომლებიც ემთხვევა სვეტების ბალიშს. ეს პირველი და ბოლო სვეტების ღრძილებს "აშორებს" და ამავე დროს უფრო ფართოს ხდის მას.

გარდა ამისა, როგორ გავასწორო div ჩატვირთვის 4-ში? 1 - ვერტიკალური ცენტრი ავტომატური მინდვრების გამოყენება ერთი გზა ვერტიკალურად ცენტრი არის my-auto-ის გამოყენება. Ეს მოხდება ცენტრი The ელემენტი მის flexbox-ში კონტეინერი ( ჩამტვირთავი 4 . მწკრივი არის ჩვენება: Flex). მაგალითად, h-100 მწკრივს სრულ სიმაღლეზე აკეთებს, my-auto კი ვერტიკალურად ცენტრი col-sm-12 სვეტი.

მაშინ, როგორ დავაყენო მინდვრები bootstrap-ში?

t - კომპლექტი ზღვარი -ზედა ან padding-top. ბ - კომპლექტი ზღვარი -ქვედა ან padding-ქვედა. ლ - კომპლექტი ზღვარი -მარცხნივ ან შიგთავსით-მარცხნივ. r - კომპლექტი ზღვარი -მარჯვნივ ან padding-right.

მეტი ინტერვალის მაგალითები.

.მ-# / მ-*-# ზღვარი ყველა მხრიდან Სცადე
.ჩემი ჩემი-*-# ზღვარი ზედა და ქვედა Სცადე
.p-# / p-*-# ბალიშები ყველა მხრიდან Სცადე

რა არის bootstrap breakpoints?

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

გირჩევთ: