البرمجة

تخصيص هوامش الأزرار في Bootstrap

07/02/2024
6 2 دقائق

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

وفقًا لوجود فئة محددة، يمكنك تحقيق ذلك بسهولة باستخدام CSS. دعني أوضح لك الطريقة بالتفصيل.

أولاً وقبل كل شيء، يُفضل استخدام المحددات التي توفرها Bootstrap نفسها بدلاً من إضافة فئات مخصصة. ولكن إذا كنت تفضل استخدام فئة مخصصة، يمكنك استخدام المحددات في CSS لتحديد الزر داخل

وذلك بالنظر إلى وجود فئة formbutton.

فيما يلي كود CSS يمكن استخدامه لتحقيق هذا الهدف:

css
form .formbutton {
    margin-top: 10px; /* قم بتعيين الهامش الذي ترغب فيه */
}

قم بوضع هذا الكود في ملف CSS الخاص بك أو ضمن وسم