ለምንድነው bootstrap አሉታዊ ህዳጎችን የሚጠቀመው?
ለምንድነው bootstrap አሉታዊ ህዳጎችን የሚጠቀመው?

ቪዲዮ: ለምንድነው bootstrap አሉታዊ ህዳጎችን የሚጠቀመው?

ቪዲዮ: ለምንድነው bootstrap አሉታዊ ህዳጎችን የሚጠቀመው?
ቪዲዮ: DRF + Djoser часть 1. Регистрация, авторизация по токенам, получение и изменение данных пользователя 2024, ህዳር
Anonim

ረድፎች ሀ አሉታዊ ግራ ቀኝ ህዳግ ከ -15 ፒክስል. የ 15 ፒክስል ኮንቴይነር ንጣፍ ለመከላከል ጥቅም ላይ ይውላል አሉታዊ ጠርዞች የረድፍ. ይህ ይዘት በአቀማመጡ ጠርዝ ላይ በእኩል እኩል እንዲቀመጥ ማድረግ ነው። ረድፉን በኮንቴይነር ውስጥ ካላስቀመጡት ረድፉ እቃውን ያጥለቀልቀዋል፣ ይህም የማይፈለግ አግድም ጥቅልል ይፈጥራል።

ከዚህ አንፃር ለምን የቡትስትራፕ ረድፍ አሉታዊ ህዳግ አለው?

ሁሉ ፍርግርግ ስርዓቶች, በእያንዳንዱ አምድ መካከል ጋዞች አሉ. በእነዚያ አምዶች ላይ የመጨረሻው ክፍል እንደ አንዳንድ ፍርግርግ ስርዓቶች ያደርጉታል, ይልቁንም ያዘጋጃሉ. ረድፍ ክፍል እንዲኖረው አሉታዊ ጠርዞች ከአምዶች ንጣፍ ጋር የሚጣጣም. ይህ ከመጀመሪያዎቹ እና ከኋለኛው ዓምዶች ውስጥ ያሉትን ወራጆች "ይጎትታል", በተመሳሳይ ጊዜ ደግሞ ሰፊ ያደርገዋል.

በተጨማሪም፣ በቡትስትራፕ 4 ውስጥ ዲቪን እንዴት ወደ መሃል ማሰለፍ እችላለሁ? 1 - አቀባዊ መሃል አውቶማቲክ ህዳጎችን በመጠቀም በአቀባዊ ወደ አንድ መንገድ መሃል የእኔ-አውቶሞቢል መጠቀም ነው. ይህ ይሆናል መሃል የ ኤለመንት በውስጡ flexbox ነው። መያዣ (እ.ኤ.አ ቡት ማሰሪያ 4 . row is display:flex)። ለምሳሌ, h-100 ረድፉን ሙሉ ቁመት ያደርገዋል, እና my-auto በአቀባዊ ይሆናል መሃል የ col-sm-12 አምድ.

ከዚያ በቡትስትራፕ ውስጥ ህዳጎችን እንዴት ማዘጋጀት እችላለሁ?

t - ስብስቦች ህዳግ - ከላይ ወይም ፓዲንግ-ላይ. ለ - ስብስቦች ህዳግ - ታች ወይም ንጣፍ - ታች. l - ስብስቦች ህዳግ - ግራ ወይም ንጣፍ-ግራ. r - ስብስቦች ህዳግ - ቀኝ ወይም ፓዲንግ - ቀኝ.

ተጨማሪ የክፍተት ምሳሌዎች።

.ም-# / ሜትር -*-# በሁሉም ጎኖች ላይ ህዳግ ሞክረው
.የእኔ-# / የኔ-*-# ህዳግ ከላይ እና ከታች ሞክረው
.p-# / p-*-# በሁሉም ጎኖች ላይ ንጣፍ ሞክረው

የቡት ማሰሪያ መግቻ ነጥቦች ምንድን ናቸው?

ምላሽ ሰጪ መሰባበር ነጥቦች እነዚህ መሰባበር ነጥቦች በአብዛኛው በትንሹ የመመልከቻ ስፋቶች ላይ የተመሰረቱ ናቸው እና የእይታ እይታ ሲቀየር ንጥረ ነገሮችን እንድናሳድግ ያስችሉናል. ቡት ማሰሪያ በዋናነት የሚከተሉትን የሚዲያ መጠይቅ ክልሎች ይጠቀማል-ወይም መሰባበር ነጥቦች - በምንጫችን Sass ፋይሎች ለኛ አቀማመጥ፣ ፍርግርግ ስርዓት እና አካላት።

የሚመከር: