input
النموذج الخاص بك button
الإرسال على نفس السطر. سنقوم بذلك بالطريقة نفسها التي استخدمناها سابقًا: باستخدام عنصر div
مع row
، وعناصر div
الأخرى داخله باستخدام فئة col-xs-*
. عش كل من النص النموذج الخاص بك input
وتقديم button
داخل div
مع الطبقة row
. أدخل input
النص للنموذج ضمن div مع فئة col-xs-7
. وضع button
إرسال النموذج الخاص بك في div
مع الفئة col-xs-5
. هذا هو التحدي الأخير الذي سنفعله لتطبيق Cat Photo App في الوقت الحالي. نأمل أن تكون قد استمتعت بتعلم Font Awesome و Bootstrap والتصميم سريع الاستجابة! row
.
testString: 'assert($("div.row:has(input[type=\"text\"])").length > 0 && $("div.row:has(button[type=\"submit\"])").length > 0, "Nest your form submission button and text input in a div with class row
.");'
- text: ضع نصًا لإدخال النص في div باستخدام col-xs-7
.
testString: 'assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, "Nest your form text input in a div with the class col-xs-7
.");'
- text: وضع الزر "إرسال النموذج" في div باستخدام الفئة col-xs-5
.
testString: 'assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, "Nest your form submission button in a div with the class col-xs-5
.");'
- text: تأكد من أن كل عنصر من عناصر div
لديه علامة إغلاق.
testString: 'assert(code.match(/<\/div>/g) && code.match(/