በ bootstrap 4 ውስጥ አግድም ቅጽ እንዴት መፍጠር እችላለሁ?

2024 ደራሲ ደራሲ: Lynn Donovan | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2023-12-15 23:42

መስራት ሀ ቅጽ አግድም ክፍል ጨምር=” ቅጽ - አግድም ” በ< ቅጽ > ንጥረ ነገር. ኤለመንቱን እየተጠቀሙ ከሆነ class=”control-label”ን መጠቀም አለቦት። እንዲሁም, መጠቀም እንደሚችሉ ያስታውሱ ቡትስትራፕ መለያዎችን እና ቡድኖችን ለማጣጣም አስቀድሞ የተገለጹ የፍርግርግ ክፍሎች ቅጽ መቆጣጠሪያዎች በ አግድም አቀማመጥ.

እንዲሁም በቡትስትራፕ ውስጥ አግድም ቅጽ እንዴት መፍጠር እችላለሁ?

በ Bootstrap ውስጥ አግድም ቅጽ ለመፍጠር የሚከተሉትን ደረጃዎች ይከተሉ።

1. ክፍል ያክሉ። ቅጽ-አግድም ለወላጅ አካል።
2. መለያዎችን እና መቆጣጠሪያዎችን ከክፍል ጋር ያዙሩ። ቅጽ-ቡድን.
3. ክፍል ያክሉ። የመቆጣጠሪያ-መለያ ወደ መለያዎች.

እንዲሁም እወቅ፣ በቡትስትራፕ 4 ውስጥ ቅፅን እንዴት ማእከል አደርጋለሁ? የእኛን ዲቪ ለማቀናጀት 3 ቀላል ደረጃዎችን እንከተላለን፡ -

1. በመጀመሪያ ክፍል "d-flex" ወደ "div-wrapper" እንጨምራለን.
2. በመቀጠል፣ ክፍሉን “Justify-content-center” ወደ “div-wrapper” በአግድም ለመደርደር እንጨምራለን፣ መሃል ላይ፣ የልጁን ዲቪ (ከክፍል “div-to-align” ጋር)፣ ልናስተካክለው የምንፈልገው።.

ከዚህ፣ የቡት ማሰሪያ ቅጽ እንዴት መፍጠር እችላለሁ?

ለሦስቱም መደበኛ ደንቦች ቅጽ አቀማመጦች: የመጠቅለያ መለያዎች እና ቅጽ በ<div class=" ውስጥ ይቆጣጠራል ቅጽ -group"> (ለተመቻቸ ክፍተት ያስፈልጋል) ክፍል ጨምር። ቅጽ - ለሁሉም ጽሑፋዊ ፣ እና አካላት ቁጥጥር።

የማስነሻ ፎርም አቀማመጦች

1. አቀባዊ ቅፅ (ይህ ነባሪ ነው)
2. አግድም ቅርጽ.
3. የመስመር ውስጥ ቅጽ.

በመስመር ላይ ቅፅ ምን ያደርጋል?

የመስመር ውስጥ ቅጾች ን ተጠቀም። ቅጽ - በአግባቡ ተከታታይ መለያዎችን ለማሳየት ክፍል ፣ ቅጽ መቆጣጠሪያዎች, እና አዝራሮች በአንድ አግድም ረድፍ ላይ. ቅፅ ውስጥ ይቆጣጠራል የመስመር ውስጥ ቅጾች ከነባሪ ግዛቶቻቸው በትንሹ ይለያያሉ።