الفرق بين المراجعتين لصفحة: «Bootstrap/interactions»
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| (1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 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> في | </syntaxhighlight>يمكنك تخصيص الأصناف المتاحة عن طريق تغيير القائمة <code>$user-selects</code> في [[Sass]] داخل الملف <code>_variables.scss</code>. | ||
== مصادر == | == مصادر == | ||
* [https://getbootstrap.com/docs/4.5/utilities/interactions/ صفحة interactions في توثيق 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.