Latest web development tutorials
×

Bootstrap مسار

Bootstrap مسار Bootstrap مقدمة موجزة Bootstrap البيئة التثبيت

Bootstrap CSS

Bootstrap CSS نظرة عامة Bootstrap نظام الشبكة Bootstrap تنضيد Bootstrap قانون Bootstrap طاولة Bootstrap شكل Bootstrap زر Bootstrap صور Bootstrap الطبقة المساعدة Bootstrap المرافق تستجيب

Bootstrap مكونات التخطيط

Bootstrap رمز الخطوط Bootstrap القائمة المنسدلة Bootstrap زر المجموعة Bootstrap زر القائمة المنسدلة Bootstrap مجموعة مربع الإدخال Bootstrap عناصر الملاحة Bootstrap شريط التنقل Bootstrap فتات الخبز Bootstrap ترحيل Bootstrap ملصق Bootstrap شارة Bootstrap شاشة كبيرة Bootstrap عنوان الصفحة Bootstrap الصور المصغرة Bootstrap تحذير Bootstrap شريط تقدم Bootstrap كائنات الوسائط المتعددة Bootstrap المجموعات Bootstrap لوحة Bootstrap Wells

Bootstrap القطعة

Bootstrap المكونات محة سريعة Bootstrap تأثير انتقال Bootstrap مربع مشروط Bootstrap القائمة المنسدلة Bootstrap رصد التمرير Bootstrap علامة التبويب Bootstrap نصائح أداة Bootstrap مربع منبثق Bootstrap مربع التنبيه Bootstrap زر Bootstrap طية Bootstrap دائري Bootstrap الملاحة إضافية

Bootstrap آخر

Bootstrap UI محرر Bootstrap V2 مسار Bootstrap HTML الترميز المعايير Bootstrap CSS الترميز المعايير

تحذير التمهيد

وهذا الفصل يشرح تحذير (تنبيهات) وقدمت الطبقة التمهيد للتحذيرات. تحذير (التنبيهات) لتزويد المستخدمين مع وسيلة لتحديد أسلوب الرسالة. أنها توفر التغذية الراجعة السياق إلى عمليات المستخدم النموذجية.

يمكنك إضافة زر الإغلاق اختياري لمربع تحذير. لإنشاء الرجعي مربع التنبيه مضمنة، استخدم تحذير (تنبيهات) مسج المساعد .

يمكنك إنشاء <div>، وإضافةفئة .alert وأربعة من الدرجة السياق (أي .alert-نجاح، .alert اينفو،.alert الإنذار، .alert-خطر) واحدة لإضافة مربع تحذير الأساسي. يوضح المثال التالي هذه النقطة:

أمثلة

<div الطبقة = "في حالة تأهب في حالة تأهب-نجاح" > النجاح! أحسنت تقديم. </ div> <div الطبقة = "تنبيه تنبيه اينفو" > المعلومات! يرجى ملاحظة هذه المعلومات. </ div> <div الطبقة = "في حالة تأهب في حالة تأهب للإنذار" > تحذير! من فضلك لا تقدم. </ div> <div الطبقة = "في حالة تأهب في حالة تأهب-خطر" > خطأ! يرجى إجراء بعض التغييرات. </ div>

محاولة »

وكانت النتائج على النحو التالي:

تحذير (تنبيهات)

تحذير رجعيا (تنبيهات الفصل)

إنشاء تحذير قابل للإلغاء (الفصل تنبيه) على النحو التالي:

  • عن طريق إنشاء <div>، وإضافةفئة .alert وأربعة من الدرجة السياق (أي .alert-نجاح، .alert اينفو،.alert الإنذار، .alert-خطر) واحدة لإضافة الأساسية تحذير مربع.
  • في نفس الوقت إضافةاختياري-.alert dismissable الى أعلى الصفحة <div> الفئة.
  • إضافة زر الإغلاق.

يوضح المثال التالي هذه النقطة:

أمثلة

<div الطبقة = "في حالة تأهب في حالة تأهب-نجاح تنبيه -dismissable"> <زر اكتب = "زر" الطبقة = "وثيقة" بيانات اقالة = "حالة تأهب" الأغنية خفية = "صحيح"> ومرات؛ </ زر> النجاح! أحسنت تقديم. </ div> <div الطبقة = "تنبيه تنبيه اينفو تنبيه -dismissable"> <زر اكتب = "زر" الطبقة = "وثيقة" بيانات اقالة = "حالة تأهب" الأغنية خفية = "صحيح"> ومرات؛ </ زر> معلومات! يرجى ملاحظة هذه المعلومات. </ div> <div الطبقة = "تنبيه تنبيه تحذير تنبيه- -dismissable"> <زر اكتب = "زر" الطبقة = "وثيقة" بيانات اقالة = "حالة تأهب" الأغنية خفية = "صحيح"> ومرات؛ </ زر> تحذير! من فضلك لا تقدم. </ div> <div الطبقة = "في حالة تأهب في حالة تأهب-خطر في حالة تأهب -dismissable"> <زر اكتب = "زر" الطبقة = "وثيقة" بيانات اقالة = "حالة تأهب" الأغنية خفية = "صحيح"> ومرات؛ </ زر> خطأ! يرجى إجراء بعض التغييرات. </ div>

تأكد من استخدام <زر> العنصرمع استبعاد البيانات = "التنبيه"سماتالبيانات.
محاولة »

وكانت النتائج على النحو التالي:

تحذير رجعيا (تنبيهات الفصل)

تحذير الارتباط (تنبيهات) في

لإنشاء ارتباط في تحذير (تنبيهات) على النحو التالي:

  • عن طريق إنشاء <div>، وإضافةفئة .alert وأربعة من الدرجة السياق (أي .alert-نجاح، .alert اينفو،.alert الإنذار، .alert-خطر) واحدة لإضافة الأساسية تحذير مربع.
  • استخدام فئات كيانالارتباط .alert بسرعة ربط مع الألوان مطابقة.

أمثلة

<div الطبقة = "في حالة تأهب في حالة تأهب-نجاح" > <A أ href = "#" الطبقة = "التنبيه الارتباط"> النجاح! أحسنت تقديم. </ A> </ div> <div الطبقة = "تنبيه تنبيه اينفو" > <A أ href = "#" الطبقة = "التنبيه الارتباط"> المعلومات! يرجى ملاحظة هذه المعلومات. </ A> </ div> <div الطبقة = "في حالة تأهب في حالة تأهب للإنذار" > <A أ href = "#" الطبقة = "التنبيه الارتباط"> تحذير! من فضلك لا تقدم. </ A> </ div> <div الطبقة = "في حالة تأهب في حالة تأهب-خطر" > <A أ href = "#" الطبقة = "التنبيه الارتباط"> خطأ! يرجى إجراء بعض التغييرات. </ A> </ div>

محاولة »

وكانت النتائج على النحو التالي:

تحذير الارتباط (تنبيهات) في