الفرق بين المراجعتين ل"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.