button
الخاصة بك مع فئات btn
و btn-default
عريضة مثل النص الذي تحتوي عليه. على سبيل المثال: <button class="btn btn-default">Submit</button>
سيكون هذا الزر عريضًا مثل كلمة "إرسال". طريق جعلها تحجب العناصر مع فئة إضافية من btn-block
، سوف يمتد الزر الخاص بك لملء المساحة الأفقية بالكامل لصفحتك وستتدفق أية عناصر تتبعها إلى "سطر جديد" أسفل الكتلة. <button class="btn btn-default btn-block">Submit</button>
سيشغل هذا الزر نسبة 100٪ من العرض المتاح. ملاحظة أن هذه الأزرار لا تزال بحاجة إلى فئة btn
. إضافة فئة btn-block
الخاص Bootstrap إلى الزر Bootstrap الخاص بك. btn
and btn-default
classes.");'
- text: ''
testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class btn-block
.");'
- text: تأكد من أن جميع عناصر button
لديك بها علامة إغلاق.
testString: 'assert(code.match(/<\/button>/g) && code.match(/Click here for cat photos.
Things cats love:
Top 3 things cats hate: