---
title: MaterializeCSS Framework as an Alternative to Bootstrap
localeTitle: إطار MaterializeCSS كبديل لبرنامج Bootstrap
---
يعد [MaterializeCSS](http://materializecss.com/) إطارًا أساسيًا مستجيبًا حديثًا يستند إلى [مبادئ التصميم](https://www.google.com/design/spec/material-design/introduction.html) متعدد الأبعاد من Google.
## ما هو تصميم المواد؟
التصميم المادي (الذي يحمل الاسم الرمزي ورقة الكم) هو نظام تصميم تم تطويره بواسطة Google. بالتوسع في نماذج "البطاقة" التي ظهرت لأول مرة في Google Now ، يجعل التصميم متعدد الأبعاد استخدامًا أكثر ليبرالية للتنسيقات القائمة على الشبكة ، والرسوم المتحركة المتجاوبة والتحولات ، والحشو ، وتأثيرات العمق مثل الإضاءة والظلال.
يمنحك هذا [الفيديو](https://www.youtube.com/watch?v=Q8TXgCzxEnw) فكرة حول التصميم متعدد الأبعاد:
## تحقق من هذه المواقع التي تستخدم تجسيد ومعرفة الفرق من ما اعتدت عليه!
اختبرها على هاتفك أيضًا للحصول على شعور أفضل.
* [ال 100](https://www.100xp.io/)
* [مواضيع المسؤول](http://demo.geekslabs.com/materialize/v2.1/)
* [StrapHq](http://www.straphq.com/)
المزيد من الأمثلة [هنا](http://materializecss.com/showcase.html)
## بديل Bootstrap ، حقا؟
البرد ، لا شيء يمكنه الفوز على Bootstrap ، في رأيي. ومع ذلك ، فإن تجسيد CSS يوفر ذلك فقط ، تتحقق - الشعور بالتفاعل مع الواجهة كما لو كانت مادة مادية ، مثل الورق. لقد توصلت للتو مع هذا.
لكن حقا…
أنا مثل تتجسد بسبب بساطته ، على سبيل المثال:
في Bootstrap ، يمكنك القيام بذلك لإنشاء زر
`
`
اساسا كل اسم فئة مرارا وتكرارا لديه btn- تعلق بها. وهذا هو الحال في الغالب بالنسبة للعديد من مكونات التمهيد الأخرى خاصة عندما تريد إضافة فئات بسيطة مثل اللون.
مع Materialize ، يمكنك إضافة جميع الطبقات ببساطة على النحو التالي:
`