ዝርዝር ሁኔታ:

ይዘትን በቡት ስታራፕ ውስጥ እንዴት አደርጋለሁ?
ይዘትን በቡት ስታራፕ ውስጥ እንዴት አደርጋለሁ?

ቪዲዮ: ይዘትን በቡት ስታራፕ ውስጥ እንዴት አደርጋለሁ?

ቪዲዮ: ይዘትን በቡት ስታራፕ ውስጥ እንዴት አደርጋለሁ?
ቪዲዮ: Measuring Volume | ይዘትን መለካት 2024, ግንቦት
Anonim

ቡት ማሰሪያ 4

d-flex justify ይጠቀሙ- ይዘት - መሃል በእርስዎ አምድ div ላይ. ይህ ይሆናል መሃል በዚያ አምድ ውስጥ ያለውን ሁሉ. ካለህ ጽሑፍ በአምዱ ውስጥ, እና ሁሉንም ወደ ማመሳሰል ይፈልጋሉ መሃል . ዝም ብለህ ጨምር ጽሑፍ - መሃል ወደ ተመሳሳይ ክፍል.

እንዲሁም የቡትስትራፕ ካርድን እንዴት ማእከል አድርጌ እወቅ?

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

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

በተመሳሳይ፣ በቡት ስታራፕ ውስጥ ምስልን እንዴት መሀል አደርጋለሁ? አሰልፍ ምስሎች ከረዳት ተንሳፋፊ ክፍሎች ወይም የጽሑፍ አሰላለፍ ክፍሎች ጋር። የማገጃ - ደረጃ ምስሎች በመጠቀም ማእከል ማድረግ ይቻላል. mx-auto margin መገልገያ ክፍል።

እንዲያው፣ ይዘትን በቡትስትራፕ 4 ላይ እንዴት አደርጋለው?

በ Bootstrap 4 ውስጥ በርካታ አግድም የመሃል ዘዴዎች አሉ።

  1. የጽሑፍ ማዕከል ለማዕከላዊ ማሳያ፡የውስጠ-መስመር አባሎች።
  2. ማካካሻ-* ወይም mx-auto ወደ አምድ መሃል (col-*) መጠቀም ይቻላል
  3. ወይም፣ ረድኤት-የይዘት-ማዕከሉን ከረድፍ እስከ መሃል አምዶች (ኮል-*)
  4. mx-auto ለመሃል ማሳያ፡በ d-flex ውስጥ ያሉትን ንጥረ ነገሮች አግድ።

በሲኤስኤስ ውስጥ ካርድን እንዴት ማእከል ያደርጋሉ?

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

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

የሚመከር: