الفرق بين المراجعتين ل"Bootstrap/interactions"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط
 
(مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE:التفاعلات Interactions في إطار العمل Bootstrap}}</noinclude>
 
<noinclude>{{DISPLAYTITLE:التفاعلات Interactions في إطار العمل Bootstrap}}</noinclude>
 
 
تعرّف على أصناف مساعدة للتحكم في كيفية تفاعل المستخدمين مع محتويات الموقع.
 
تعرّف على أصناف مساعدة للتحكم في كيفية تفاعل المستخدمين مع محتويات الموقع.
  
سطر 8: سطر 7:
 
<p class="user-select-auto">هذه الفقرة لها سلوك التحديد الافتراضي.</p>
 
<p class="user-select-auto">هذه الفقرة لها سلوك التحديد الافتراضي.</p>
 
<p class="user-select-none">لن تُحدّد هذه الفقرة عندما ينقر عليها المستخدم</p>
 
<p class="user-select-none">لن تُحدّد هذه الفقرة عندما ينقر عليها المستخدم</p>
</syntaxhighlight>يمكنك تخصيص الأصناف المتاحة عن طريق تغيير القائمة ‎<code>$user-selects</code>‎ في Sass‎  داخل الملف ‎<code>_variables.scss</code>.
+
</syntaxhighlight>يمكنك تخصيص الأصناف المتاحة عن طريق تغيير القائمة ‎<code>$user-selects</code>‎ في [[Sass‎]] داخل الملف ‎<code>_variables.scss</code>.
  
 
== مصادر ==
 
== مصادر ==
* [https://getbootstrap.com/docs/4.5/utilities/interactions/ صفحة Alerts في توثيق Bootstrap].
+
* [https://getbootstrap.com/docs/4.5/utilities/interactions/ صفحة interactions في توثيق Bootstrap].
 
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]]
 
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]]
 +
[[تصنيف:Bootstrap utilities|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 09:39، 21 يوليو 2020

تعرّف على أصناف مساعدة للتحكم في كيفية تفاعل المستخدمين مع محتويات الموقع.

تحديد النص

غيّر كيفية تحديد المحتوى عندما يتفاعل المستخدم معه.

<p class="user-select-all">ستُحدّد هذه الفقرة بالكامل إذ نقر عليها المستخدم.</p>
<p class="user-select-auto">هذه الفقرة لها سلوك التحديد الافتراضي.</p>
<p class="user-select-none">لن تُحدّد هذه الفقرة عندما ينقر عليها المستخدم</p>

يمكنك تخصيص الأصناف المتاحة عن طريق تغيير القائمة ‎$user-selects‎ في Sass‎ داخل الملف ‎_variables.scss.

مصادر