الفرق بين المراجعتين لصفحة: «Bootstrap/interactions»
أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التفاعلات Interactions في إطار العمل Bootstrap}}</noinclude> == مصادر == * [https://getbootstrap.com/docs/4.5/compon...' |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:التفاعلات Interactions في إطار العمل Bootstrap}}</noinclude> | <noinclude>{{DISPLAYTITLE:التفاعلات Interactions في إطار العمل Bootstrap}}</noinclude> | ||
تعرّف على أصناف مساعدة للتحكم في كيفية تفاعل المستخدمين مع محتويات الموقع. | |||
== تحديد النص == | |||
غيّر كيفية تحديد المحتوى عندما يتفاعل المستخدم معه.<syntaxhighlight lang="html"> | |||
<p class="user-select-all">ستُحدّد هذه الفقرة بالكامل إذ نقر عليها المستخدم.</p> | |||
<p class="user-select-auto">هذه الفقرة لها سلوك التحديد الافتراضي.</p> | |||
<p class="user-select-none">لن تُحدّد هذه الفقرة عندما ينقر عليها المستخدم</p> | |||
</syntaxhighlight>يمكنك تخصيص الأصناف المتاحة عن طريق تغيير القائمة <code>$user-selects</code> في Sass داخل الملف <code>_variables.scss</code>. | |||
== مصادر == | == مصادر == | ||
* [https://getbootstrap.com/docs/4.5/ | * [https://getbootstrap.com/docs/4.5/utilities/interactions/ صفحة Alerts في توثيق Bootstrap]. | ||
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | [[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | ||
مراجعة 11:57، 19 يوليو 2020
تعرّف على أصناف مساعدة للتحكم في كيفية تفاعل المستخدمين مع محتويات الموقع.
تحديد النص
غيّر كيفية تحديد المحتوى عندما يتفاعل المستخدم معه.
<p class="user-select-all">ستُحدّد هذه الفقرة بالكامل إذ نقر عليها المستخدم.</p>
<p class="user-select-auto">هذه الفقرة لها سلوك التحديد الافتراضي.</p>
<p class="user-select-none">لن تُحدّد هذه الفقرة عندما ينقر عليها المستخدم</p>
يمكنك تخصيص الأصناف المتاحة عن طريق تغيير القائمة $user-selects في Sass داخل الملف _variables.scss.