Responsive Design
. مع تصميم متجاوب ، ليست هناك حاجة لتصميم نسخة محمولة من موقع الويب الخاص بك. سوف تبدو جيدة على الأجهزة ذات الشاشات من أي عرض. يمكنك إضافة Bootstrap إلى أي تطبيق بإضافة التعليمة البرمجية التالية إلى أعلى HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
في هذه الحالة ، قمنا بالفعل بإضافته لك إلى هذه الصفحة من وراء الكواليس. لاحظ أن استخدام >
أو />
لإغلاق علامة link
أمر مقبول. للبدء ، يجب علينا تضمين جميع HTML (باستثناء علامة link
وعنصر style
) في عنصر div
باستخدام container-fluid
للفئة. div
container-fluid
الفصل.
testString: 'assert($("div").hasClass("container-fluid"), "Your div
element should have the class container-fluid
.");'
- text: تأكد من أن عنصر div
يحتوي على علامة إغلاق.
testString: 'assert(code.match(/<\/div>/g) && code.match(/style
الإغلاق في .container-fluid
.
testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing style
tag in .container-fluid
.");'
```
## Challenge Seed
Click here for cat photos.
Things cats love:
Top 3 things cats hate: