الإصدار التجريبي من Bootstrap 4: إزالة واستعادة إزاحة الأعمدة

قدم Bootstrap 4، في إصداره التجريبي 1، تغييرات مهمة في الطريقة تم تعويض الأعمدة. ومع ذلك، مع الإصدار اللاحق لبيتا 2، تم عكس هذه التغييرات.

من Offset-md-* إلى ml-auto

في Bootstrap 4 Beta 1، تمت إزالة فئات الإزاحة-md-*. بدلاً من ذلك، تم تشجيع المطورين على استخدام فئة .ml-auto لإزاحة الأعمدة. ومع ذلك، لم توفر هذه الطريقة نفس المستوى من الدقة مثل الطريقة السابقة.

استعادة فئات الإزاحة في بيتا 2

لحسن الحظ، في بيتا 2، فئات الإزاحة تم استعادتها. يستخدم بناء الجملة الجديد تنسيق الإزاحة-{breakpoint}-، ليحل محل بناء الجملة السابق col-{breakpoint}-offset-.

الإزاحة المخصصة

لتحقيق إزاحات الأعمدة المخصصة، مثل

  <div>

استخدام ml-auto وmr-auto

لتوسيط عمودين متجاورين، يمكن للمطورين تطبيق ml-auto وmr-auto على كلا العمودين.

    <div>

استخدام mx-auto

لتوسيط عمود واحد، يمكن للمطورين استخدام mx-auto لإنشاء هوامش متساوية على كلا الجانبين.

الاستنتاج

أدت إزالة إزاحات الأعمدة واستعادتها في Bootstrap 4 إلى خلق بعض الارتباك المؤقت للمطورين. ومع ذلك، مع إعادة تقديم فئات إزاحة محددة في الإصدار التجريبي 2، إلى جانب توفر طرق الحل البديل، يمكن للمطورين الاستمرار في تحقيق تخطيطات الأعمدة المخصصة في Bootstrap 4.