በቡት ስታራፕ ውስጥ አንድ ካርድ እንዴት ማእከል አደርጋለሁ?

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

ተጨማሪ CSS አያስፈልግም፣ እና በ Bootstrap 4 ውስጥ በርካታ የመሃል ዘዴዎች አሉ፡

1. ጽሑፍ - መሃል ለ መሃል ማሳያ: የመስመር ውስጥ ክፍሎች.
2. mx-auto ለ መሃል ላይ ማድረግ ማሳያ፡በማሳያ ውስጥ ያሉትን ንጥረ ነገሮች አግድ፡flex (d-flex)
3. ማካካሻ-* ወይም mx-auto ጥቅም ላይ ሊውል ይችላል። መሃል ፍርግርግ አምዶች.
4. ወይም ማጽደቅ-ይዘት- መሃል በመደዳ ላይ ወደ መሃል ፍርግርግ አምዶች.

ከዚህ አንፃር፣ ካርድን በCSS ውስጥ እንዴት ያማክራሉ?

በሲኤስኤስ ደረጃ 3 ላይ በአቀባዊ በመሃል ላይ

1. መያዣውን በአንፃራዊነት እንዲቀመጥ ያድርጉት፣ ይህም ሙሉ ለሙሉ ለተቀመጡ ንጥረ ነገሮች መያዣ መሆኑን ያስታውቃል።
2. ኤለመንቱ ራሱ ሙሉ በሙሉ እንዲቀመጥ ያድርጉት።
3. ከመያዣው ውስጥ በግማሽ መንገድ 'ከላይ: 50%' ጋር ያስቀምጡት.
4. ኤለመንቱን በራሱ ቁመት በግማሽ ለማንቀሳቀስ ትርጉም ይጠቀሙ።

እንዲሁም፣ በቡትስትራፕ 4 ላይ ጽሑፍን እንዴት ማዕከል አደርጋለሁ? ጽሑፍ አሰላለፍ የ ጽሑፍ በመጠቀም ሊጸድቅ ይችላል. ጽሑፍ - ክፍልን ያጽድቁ እና ለግራ ፣ ቀኝ እና መሃል አሰላለፍ የ ጽሑፍ ፣ ይጠቀሙ ጽሑፍ -ግራ, ጽሑፍ - ትክክል እና ጽሑፍ - መሃል ክፍሎች በቅደም ተከተል.

ሰዎች እንዲሁ ይጠይቃሉ፣ በቡት ስታራፕ ውስጥ ያለውን ቁልፍ እንዴት አቀናለሁ?

ከ አጠቃቀም ጋር የቡት ማሰሪያ በአግድም ማድረግ የሚችሉት 4 መገልገያዎች መሃል አግድም ህዳጎችን ወደ 'ራስ-ሰር' በማዘጋጀት ኤለመንት ራሱ። አግድም ህዳጎችን በራስ-ሰር ለማዘጋጀት mx-auto ን መጠቀም ይችላሉ። m የሚያመለክተው ህዳግ ሲሆን x የ x-ዘንግ (ግራ+ቀኝ) እና አውቶማቲክ ቅንብሩን ያመለክታል።

በቡትስትራፕ ውስጥ የካርድ ቁመትን እንዴት መለወጥ እችላለሁ?

በተለምዶ ፣ የ ቁመት የእርሱ ካርድ የይዘቱ ይዘት በአቀባዊ እንዲመጣጠን ይስተካከላል። ካርድ ነገር ግን ብጁ ሲኤስኤስን (ለምሳሌ style=") በመጠቀም ልንቆጣጠረው እንችላለን። ቁመት : 10rem;") ወይም ቡትስትራፕ መገልገያዎችን መጠናቸው (ለምሳሌ፣ <div class=") ካርድ h-200">)።