"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية إضافة الهامش العلوي إلى صفوف Twitter Bootstrap دون كسر الإطار؟

كيفية إضافة الهامش العلوي إلى صفوف Twitter Bootstrap دون كسر الإطار؟

تم النشر بتاريخ 2024-10-31
تصفح:644

How to Add Top Margin to Twitter Bootstrap Rows Without Breaking the Framework?

معضلة الهامش العلوي مع صفوف Twitter Bootstrap

يمكن أن تمثل إضافة الهامش العلوي إلى الصفوف في Twitter Bootstrap تحديًا، خاصة عند تحرير السقالات الأساسية لإطار العمل يمكن أن يؤدي إلى عواقب غير مقصودة .

لتجنب تعطيل تنسيق إطار العمل، الحل القابل للتطبيق هو تحديد فئة المخزن المؤقت العلوي الجديدة التي توفر الهامش المطلوب. وإليك الطريقة:

.top-buffer { margin-top:20px; }

مع تحديد الفئة المخصصة، ما عليك سوى تضمينها في الصفوف المحددة التي تحتاج إلى هامش علوي إضافي. على سبيل المثال، تطبق التعليمة البرمجية التالية الهامش العلوي على الصف المحدد:

...

من خلال تنفيذ هذا الحل البديل، يمكن للمطورين الحفاظ على Bootstrap's السلامة الهيكلية مع إضافة التباعد المطلوب للصفوف عند الضرورة.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3