الفرق بين المراجعتين لصفحة: «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.

مصادر