מדוע Bootstrap משתמש בשוליים שליליים?
מדוע Bootstrap משתמש בשוליים שליליים?

וִידֵאוֹ: מדוע Bootstrap משתמש בשוליים שליליים?

וִידֵאוֹ: מדוע Bootstrap משתמש בשוליים שליליים?
וִידֵאוֹ: Tips and Tricks of Margin and Padding in Bootstrap 5 | Bootstrap Spacing | Bootstrap 5 Tutorial 2024, נוֹבֶמבֶּר
Anonim

לשורות יש א שלילי שמאל/ימין שולים של -15 פיקסלים. ריפוד המיכל של 15 פיקסלים משמש כדי לנטרל את שוליים שליליים של השורה. זאת כדי לשמור על התאמה שווה של התוכן בקצוות הפריסה. אם לא תכניס שורה למיכל, השורה תעלה על גדותיה של המיכל שלה, ויגרום לגלילה אופקית לא רצויה.

לגבי זה, מדוע לשורת bootstrap יש מרווח שלילי?

בכל רֶשֶׁת מערכות, יש מרזבים בין כל עמודה. השיעור האחרון בעמודות האלה כמו כמה רֶשֶׁת מערכות כן, הן במקום זאת קובעות את. שׁוּרָה כיתה שיש שוליים שליליים התואמים את הריפוד של העמודות. זה "מושך" את המרזבים מהעמודים הראשון והאחרון, ובו בזמן הופך אותם לרחבה יותר.

יתר על כן, כיצד אוכל ליישר div ב-bootstrap 4 למרכז? 1 - אנכי מֶרְכָּז שימוש בשוליים אוטומטיים דרך אחת למאונך מֶרְכָּז זה להשתמש ב-my-auto. זה יהיה מֶרְכָּז ה אֵלֵמֶנט בתוך ה-flexbox שלו מְכוֹלָה (ה אתחול 4 . השורה היא display:flex). לדוגמה, h-100 הופך את השורה לגובה מלא, ו-my-auto יהיה אנכי מֶרְכָּז העמודה col-sm-12.

לאחר מכן, כיצד אוכל להגדיר שוליים ב-bootstrap?

t - סטים שולים -עליון או ריפוד-עליון. ב - סטים שולים -תחתית או ריפוד-תחתית. l - סטים שולים -שמאל או ריפוד-שמאל. r - סטים שולים -ימין או ריפוד-ימין.

דוגמאות נוספות למרווחים.

.m-# / m-*-# שוליים מכל הצדדים נסה זאת
.שלי שלי-*-# שוליים למעלה ולמטה נסה זאת
.p-# / p-*-# ריפוד מכל הצדדים נסה זאת

מהן נקודות השבירה של האתחול?

מגיב נקודות שבירה אלה נקודות שבירה מבוססים בעיקר על רוחב מינימלי של יציאת התצוגה ומאפשרים לנו להגדיל אלמנטים ככל שפורט התצוגה משתנה. אתחול משתמש בעיקר בטווחי שאילתת המדיה הבאים-או נקודות שבירה -בקבצי המקור שלנו Sass עבור הפריסה, מערכת הרשת והרכיבים שלנו.

מוּמלָץ: