أسئلة التمهيد باللغات العربية

أسئلة التمهيد باللغات العربية

ستساعدك أسئلة وإجابات التمهيد ذات الخيارات المتعددة على توسيع معرفتك بـ التمهيد. يمكنك استخدام MCQs هذه عن طريق الأذن للتحضير للامتحان التالي أو مقابلة العمل.
قم بالتمرير لأسفل لتبدأ بالإجابة.

1:

A.   الجدول مستجيب

B.   الجدول bootstrap

C.   جدول استجابة

D.   طاولة bootstrap

2:

أي من فئات الزر التالية غير موجودة؟ (تحقق من أي تطبيق)

A.   .btn-default

B.   .btn-promary

C.   .btn-seconsive

D.   .BTN-WARNING

E.   .btn-error

3:

أي فئة تستخدم لإنشاء مجموعة زر؟

A.   .btn-group

B.   . ولكن مجموعة

C.   . مجموعة الظهر

D.   .group-BTN

4:

أي مما يلي ليس فئة سياقية؟

A.   .نشيط

B.   .خطر

C.   .نجاح

D.   .فشل

5:

A.   .table-zebra

B.   .table-bordered

C.   .زوجى و فردى

D.   .

6:

أي من هذه الأنواع الموجودة في هذه القائمة موجودة في bootstrap؟ (تحقق من أي تطبيق)

A.   . قائمة المحاذاة

B.   .list-onstyled

C.   .list-inline

D.   .list-block

7:

أي من الفئة التالية يمكن استخدامها لإنشاء خبز؟

A.   .قائمة طعام

B.   . نافبار

C.   .أغراض

D.   . الخبز

8:

أي العلامة يمكن استخدامها لتسليط الضوء على النص؟

A.   علامة>

B.   <span>

C.   <hover>

D.   <mark>

9:

أي من الفئات التالية ستجعل الجدول مستجيبة؟

A.   .table-scrollable

B.   .table-condensed

C.   .

D.   .table-striped

10:

ما هو & quot ؛ sr فقط & quot ؛ الفئة اللازمة في bootstrap؟

A.   يتم استخدام الفصل لإخفاء قواعد الخدمة فقط

B.   يتم استخدام الفصل لإظهار قواعد الخدمة فقط

C.   يتم استخدام الفصل لإظهار المعلومات المخصصة فقط لقراء الشاشة من تصميم الصفحة المقدمة.

D.   يتم استخدام الفصل لإخفاء المعلومات المخصصة فقط لقراء الشاشة من تخطيط الصفحة المقدمة

11:

أي مما يلي هو الطريقة الصحيحة للقيام بترقيم ترقيم الأسطح؟

A.   Nav Aria-label = & quot ؛ صفحة التنقل & quot ؛> <ul class = & quot ؛ pagination & quot ؛> <li> <a href="؛#" ؛> 1 </a> </li> <li> <a href = & quot ؛#& quot ؛> 2 </a> </li> <li> <a href="؛#" ؛> 3 </a> </li> <li> <a href="؛#" ؛> 4 </a> </li> <li> <a href="؛#" ؛> 5 </a> </li> </ul> </v>

B.   Nav aria-label = & quot ؛ صفحة التنقل & quot ؛> <ul class = & quot ؛ pagination & quot ؛> <p> <a href="؛#" ؛> ؛#& quot ؛> 2 </a> </p> <p> <a href=" ؛#" ؛> 3 </a> </p> <p> <a href="؛#" ؛> 4 </a> </p> <p> <a href="؛#" ؛> 5 </a> </p> </ul> </v>

C.   Nav Aria-label = & quot ؛ صفحة التنقل & quot ؛> <ul class = & quot ؛ pagination & quot ؛> <i> <a href="؛#" ؛> 1 </a> </i> <i> <a href = & quot ؛#& quot ؛> 2 </a> </i> <i> <a href="؛#" ؛> 3 </a> </i> <i> <a href="؛#" ؛> 4 </a> </i> <i> <a href="؛#" ؛> 5 </a> </i> </ul> </v>

D.   لا شيء مما بالأعلى

12:

أي من الفئات التالية المستخدمة لجعل الفقرة تبرز؟

A.   S-Out

B.   كبير

C.   يقود

D.   أولاً

13:

كيفية إضافة الشارة إلى زر؟

A.   زر الفئة = & quot ؛ btn btn-primary btn-with-badge & quot ؛> الرسائل <span> 4 </span> </utron>

B.   <button class = & quot ؛ btn btn-primary & quot ؛> الرسائل <span class = & quot ؛ badge & quot ؛> 4 </span> </button>

C.   <button class = & quot ؛ btn btn-primary & quot ؛> الرسائل <span class = & quot ؛ btn-badge & quot ؛> 4 </span> </utron>

D.   <button class = & quot ؛ btn btn-primary & quot ؛> الرسائل </button> <span class = & quot ؛ btn-badge & quot ؛> 4 </span>

14:

كيف يمكنك لف مجموعة التسمية والإدخال؟

A.   .رف

B.   .يشكل مجموعه

C.   . من العنصر

D.   .form-item

15:

أي فئة الأزرار تستخدم لإنشاء زر كبير؟

A.   .btn-lg

B.   .btn-large

C.   .btn-l

D.   .btn-xl

16:

ما هي الفئة التي يمكن استخدامها لإنشاء قائمة مضمنة؟

A.   .listhin-in-line

B.   .list-by-line

C.   .list-line

D.   .list-inline

17:

ما هي الطريقة الصحيحة لوضع الرابط في مربع التنبيه؟

A.   div class = & quot ؛ ALERT ALERT-WARNING & quot ؛> تحذير! <a href="؛#" ؛> قراءة الوثائق. </a> </viv>

B.   <div class = & quot ؛ Alert Alert-Warning Alert-Highlight Links & quot ؛> تحذير! <a href="؛#" ؛> قراءة الوثائق. </a> </viv>

C.   <div class = & quot ؛ ALERT ALERT-WARNING & quot ؛> تحذير! <a href = & quot ؛#& quot ؛ class = & quot ؛ Alert-Link & quot ؛> قراءة الوثائق. </a> </viv>

D.   <div class = & quot ؛ ALERT ALERT-WARNING & quot ؛> تحذير! <a href = & quot ؛#& quot ؛ class = & quot ؛ ALERT-WARNING-LINK & quot ؛> قراءة الوثائق. </a> </viv>

18:

ما هي الطريقة الصحيحة لإنشاء رأس صفحة مع نص فرعي؟

A.   H1 Class = & quot ؛ Header & quot ؛> Ruby on Rails <small> بواسطة Matz </small> </h1>

B.   <h1 class = & quot ؛ header & quot ؛> ruby ​​on Rails <small class = & quot ؛ header-subtext & quot ؛> by matz </small> </h1>

C.   <div class = & quot ؛ header & quot ؛> <h1> ruby ​​on Rails <small> بواسطة matz </small> </h1> </viv>

D.   <div class = & quot ؛ page header & quot ؛> <h1> ruby ​​on Rails <small class = & quot ؛ header-subtext & quot ؛> by matz </small> </h1> </viv>

19:

ما هي الطريقة الصحيحة لإنشاء مربع الاختيار مع استخدام bootstrap؟

A.   class class = & quot ؛ checkbox & quot ؛> <type type = & quot ؛ checkbox & quot ؛ value = & quot ؛ check & quot ؛> قبول المصطلحات </label>

B.   <div class = & quot ؛ checkbox & quot ؛> <label> <input type = & quot ؛ مربع الاختيار & quot ؛ value = & quot ؛ check & quot ؛> قبول المصطلحات </label> </viv>

C.   <div class = & quot ؛ checkbox & quot ؛> <type type = & quot ؛ checkbox & quot ؛ value = & quot ؛ check & quot ؛> <label> قبول المصطلحات </label> </div>

D.   <div class = & quot ؛ checkbox & quot ؛> <label> قبول المصطلحات </label> <إدخال type = & quot ؛ مربع الاختيار & quot ؛ value = & quot ؛ check & quot ؛> </div>

20:

ماذا سيكون لون الزر مع فئة btn-primary؟

A.   أزرق

B.   أحمر

C.   أبيض

D.   أسود

21:

أي من مساعدي الصورة التالية غير موجودة؟

A.   .أنا معاقب

B.   .IMG-circle

C.   .img-bordered

D.   .img-thumbnail

22:

أي من فئات bootstrap التالية يمكن استخدامها لإنشاء علامات تبويب؟

A.   .navigation .navigation-tabs

B.   .NAV .NAV-TABS

C.   .NAV-TABS-NAVIGINES

D.   لا شيء مما بالأعلى

23:

ما الفئة المستخدمة لإنشاء مربع كبير للاتصال باهتمام إضافي؟

A.   .علبة كبيرة

B.   .jumbotron

C.   .حاوية

D.   .انتباه

24:

ما الفئة التي يمكن استخدامها لعنصر رأس الصفحة؟

A.   .عنوان الصفحة

B.   .رأس الصفحة

C.   .Header

D.   لا شيء مما بالأعلى

25:

A.   لتحسين حجم ملفات مصدر bootstrap

B.   لتحسين عرض المستعرض المتقاطع

C.   لاستيراد خطوط Google مباشرة إلى Bootstrap CSS

D.   لا شيء مما بالأعلى

26:

ما هي الفئة التي تشكل صورة إلى دائرة؟

A.   .img-thumbnail

B.   .IMG-Round

C.   .img-circle

D.   .أنا معاقب

27:

كيفية إنشاء زر مستوى الكتلة الذي يمتد على عرض العنصر الأصل؟

A.   . في واسعة

B.   .btn-full

C.   .btn-container

D.   .btn-block

28:

أي من رموز CSS التالية يمكن استخدامها لإضافة العلامات النجمية إلى الحقول المطلوبة في شكل؟ < /p>

A.   .form-group.required .Control-label: بعد {content: & quot ؛*& quot ؛؛ لون احمر؛ }

B.   . لون احمر؛ }

C.   . لون احمر؛ }

D.   لا شيء مما بالأعلى

29:

أي من الفئات التالية تجعل الجدول يبدو مثل وحشي ؛

A.   .table-break

B.   .table-zebra

C.   .table-strap

D.   .

30:

أي من العلامات الوصفية التالية مهمة لضمان التقديم المناسب واللمس؟

A.   محتوى meta = & quot ؛ نص & quot ؛>

B.   <name meta = & quot ؛ viewport & quot ؛ content = & quot ؛ width = width device ، sciale = 1 & quot ؛>

C.   <meta charset = & quot ؛ utf-8 & quot ؛>

D.   <meta http-equiv = & quot ؛ refresh & quot ؛ المحتوى = & quot ؛ 30 & quot ؛>

31:

أي من العلامات التالية المستخدمة لإظهار مجموعات لوحة المفاتيح؟

A.   القسم>

B.   <code>

C.   <keyboard>

D.   <KBD>

32:

A.   .-container-fluid

B.   .container-fixed

C.   .-container-fullwidth

D.   .حاوية

33:

A.   .container-fixed

B.   .-container-fluid

C.   .حاوية

D.   .-container-fullwidth

34:

ما هي الطريقة الافتراضية للحصول على زر أحمر؟

A.   نوع الزر = & quot ؛ زر & quot ؛ class = & quot ؛ btn btn-default & quot ؛> الافتراضي </button>

B.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn btn-default-red & quot ؛> الافتراضي كحمر </button>

C.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn & quot ؛ color = & quot ؛ red & quot ؛> red </utton>

D.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn btn-red & quot ؛> red </button>

E.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn btn-danger & quot ؛> Danger </utton>

F.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn btn-alert & quot ؛> Danger </utton>

35:

A.   لا ، Bootstrap هي مواقع الهاتف المحمول ويجب أن يكون لدى مواقع الهاتف المحمول القدرة على التكبير أو الخارج

B.   نعم ، ولكن يجب أن تكون قد قمت بتمكين JS وإضافة `data-zoom = & quot ؛ Off & quot ؛` على علامة الجسم

C.   سيتم تعطيل التكبير فقط إذا كان "العرض = Width" في علامة التعريف مع `name = & quot ؛ viewport & quot ؛`

D.   سيتم تعطيل التكبير فقط إذا "scale الأولي = 1)

36:

A.   $ (& quot ؛ .item & quot ؛). انقر فوق (function () {$ (& quot ؛#idcarousel & quot ؛). carousel (0) ؛}) ؛

B.   $ (& quot ؛#idcarousel & quot ؛). carousel () ؛

C.   $ (& quot ؛ .item & quot ؛). انقر فوق (function () {$ (& quot ؛#idcarousel & quot ؛). carousel (1) ؛}) ؛

D.   $ (& quot ؛ .Left & quot ؛). انقر فوق (function () {$ (& quot ؛#idcarousel & quot ؛). carousel (& quot ؛ prev & quot ؛) ؛}) ؛

37:

ما هو jumbotron؟

A.   مثل هذا الشيء غير موجود في bootstrap ، فهو بعض الكلمات المستخدمة لوصف أجهزة التلفزيون الكبيرة

B.   العنصر لعرض محتوى المفتاح

C.   إنه عنصر حاوية لعقد تخطيط الشبكة

D.   إنه عنصر حاوية للاحتفاظ بالصور في وضع شاشة كاملة

38:

A.   الشكل الأفقي

B.   شكل مضمّن

C.   شكل الخطوط العريضة

D.   نموذج رأسي (افتراضي)

39:

A.   .

B.   .visible-MD-Block: الأجهزة المتوسطة (حتى 768 بكسل في العرض) مرئية

C.   .vible-MD-Block: الأجهزة المتوسطة (768 بكسل إلى 980 بكسل في العرض) مرئية

D.   .visible-LG: الأجهزة الأكبر (992 بكسل وما فوق في العرض) مرئية

40:

ما هي المتصفحات المدعومة؟

A.   يتم دعم جميع المتصفحات.

B.   جميع إصدارات Chrome و Firefox و Opera و IE و Safari.

C.   Chrome و Safari و Firefox التي يتم دعمها تلقائيًا مدعومة بالكامل ويتم دعم IE 8 و 9 جزئيًا.

D.   Chrome و Safari و Firefox التي يتم دعمها تلقائيًا مدعومة بالكامل ويتم دعم IE 8 و 9 فقط مع أوضاع توافق IE القديمة.

41:

A.   نوع الزر = & quot ؛ زر & quot ؛ class = & quot ؛ زر النجاح & quot ؛> زر </button>

B.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn btn-success & quot ؛> زر </button>

C.   <btn class = & quot ؛ النجاح & quot ؛> زر </btn>

D.   <button type = & quot ؛ button & quot ؛ class = & quot ؛ btn-flat & quot ؛> زر </button>

42:

في bootstrap ، تمكنك العناصر المنهارة من انهيار أي عنصر دون استخدام __؟

A.   أقل

B.   CSS

C.   JavaScript

D.   وسيط

43:

ما الذي ينطبق على الرموز في bootstrap؟

A.   لا توفر Bootstrap أيقونات خارج الصندوق ، ولكن من الممكن استخدام تصميم المواد أو الخط رائع أو أي أيقونات أخرى مع bootstrap.

B.   إذا كانت أيقونة مطلوبة بعد نص div ، يمكن إضافة أيقونة ببساطة مثل هذا: `<div class = & quot ؛ glyphicon glyphicon-search & quot ؛> search </viv>` `

C.   يمكن دمج فئات الأيقونات مباشرة مع أي عناصر أخرى.

D.   يجب استخدام فئات الأيقونة فقط مع عناصر فارغة

E.   أيا من هذه

44:

نظام شبكة bootstrap لديه بادئات الفئة التالية؟ (اختر كل ما ينطبق)

A.   col-lg-

B.   col-sm-

C.   العقيد

D.   Col-XS-

E.   العقيد

45:

ما هو الكود الصحيح من أجل الحصول على النص النشط السابق؟ P>

A.   $ ('.

B.   $ ('.

C.   $ ('.

D.   $ ('.

46:

A.   $ ('.

B.   $ ('.

C.   $ ('.

D.   $ ('.

47:

كيف يمكنك إدراج أيقونة البحث؟

A.   span class = & quot ؛ glyphicon glyphicon-search & quot ؛> </span>

B.   <span class = & quot ؛ glyph glyph-search & quot ؛> </span>

C.   <span class = & quot ؛ glyphicon-search & quot ؛> </span>

D.   <span class = & quot ؛ glyphicon search & quot ؛> </span>

48:

A.   .

B.   .Navbar-Black

C.   .Navbar-Default

D.   .Navbar-dark

49:

ما هو twitter bootstrap؟

A.   إنها واجهة برمجة تطبيقات CSS لإنشاء واجهات المستخدم أثناء النماذج الأولية

B.   إنه HTML و CSS و JavaScript Framework لإنشاء واجهات المستخدم

C.   إنه إطار عمل JS و ECMASCRIPT الذي يسمح بتغييرات سريعة CSS

D.   إنه جزء من Twitter UI API

E.   إنها طريقة جديدة لبناء واجهات

50:

يوفر bootstrap الفئات التالية التي يمكن استخدامها لتطبيق بعض الأنماط البسيطة على الصور؟ (اختر كل ما ينطبق)

A.   .img-thumbnail: يضيف القليل من الحشو والحدود الرمادية

B.   .IMG-Rounded: يضيف حدود الحدود: 6 بكسل لإعطاء زوايا مدورة الصورة

C.   .IMG-Circle: يجعل الصورة بأكملها جولة بإضافة حدود الحدود: 50 ٪

D.   .IMG-Rounded: يضيف Recat: 6px لإعطاء زوايا رد فعل الصورة

E.   .IMG-Circle: يجعل نصف قطر الصورة بأكمله عن طريق إضافة حدود الحدود

51:

يتبديل المكون الإضافي من Affix بين الطبقات التالية؟ (اختر كل ما ينطبق)

A.   .affix

B.   asfix-bottom

C.   .affix-top

D.   لا شيء مما بالأعلى

52:

يتم إطلاق الحدث التالي فورًا عندما تم استدعاء طريقة مثيل إخفاء؟

A.   $ ('#popoverexample'). on ('show.bs.popover' ، function () {// افعل شيئًا ...})

B.   $ ('#popoverexample'). on ('disher.bs.popover' ، function () {// افعل شيئًا ...})

C.   $ ('#popoverexample'). on ('hidden.bs.popover' ، function () {// افعل شيئًا ...})

D.   $ ('#popoverexample'). on ('hide.bs.popover' ، function () {// افعل شيئًا ...})

53:

أي من أنماط التمهيد التالية يمكن استخدامها للحصول على عناصر مختلفة الحجم من .pagination؟

A.   .lg ، .sm

B.   .pagination-lg ، .pagination-sm

C.   .Menu-LG ، .Menu-SM

D.   لا شيء مما بالأعلى.

54:

ما هو نمط bootstrap الذي يجعل مجموعة من الأزرار تظهر عموديًا بدلاً من أفقيًا؟

A.   .btn-group

B.   .btn-toolbar

C.   .btn-group-lg

D.   .btn-group-etterical

55:

أي من المتغيرات التالية غير متوفرة لتغيير إعدادات السقالات الافتراضية باستخدام أقل؟

A.   @body-bg

B.   @لون الخط

C.   @اللون الأساسي

D.   @Link-Color

56:

أي مما يلي هو الحجم الصحيح للصورة في كائن الوسائط الافتراضية؟

A.   32x32

B.   64x64

C.   128x128

D.   أيا من هذه

57:

أي من الأوامر التالية صالحة لعرض نافذة مشروط؟

A.   $ ('#welcome-message'). modal ('Display') ؛

B.   $ ('#welcome-message'). modal ('show') ؛

C.   $ ('#welcome-message'). modal ('Open') ؛

D.   $ ('#welcome-message'). modal ('render') ؛

58:

كيف يمكنك إنشاء جدول مكثف له حدود وتحوم على الصفوف؟

A.   فئة الجدول = & quot ؛ الجدول المكثف على الحدود المحمر & quot ؛> </table>

B.   <table class = & quot ؛ table mongensed hover & quot ؛> </table>

C.   <table class = & quot ؛ جدول الجدول المكثف على الجدول المحدد بالصف

D.   <table class = & quot ؛ جدول الجدول المكثف الجدول-الجدول-hover & quot ؛> </table>

59:

أي من الألوان التالية هو اللون الافتراضي لشريط التقدم؟

A.   #286090

B.   #CC2929

C.   #167ac6

D.   لا شيء مما بالأعلى.

60:

أي من هذه المكتبات الخاطئة المدرجة في bootstrap 3؟

A.   فونتيلو

B.   fontawesome

C.   الغليفيكونات

D.   icomoon

61:

كيف يمكنك غسل الجوانب اليسرى والأيمن من النص باستخدام bootstrap؟

A.   . النص-عادل

B.   .text-nowrap

C.   .text-flush

D.   .text-align-left-king

62:

A.   لتحديد حجم عرض المتصفح

B.   لتحديد ملفات الوسائط التي يمكن تحميلها على الصفحة

C.   للتحرك وإظهار وإخفاء المحتوى استنادًا إلى حجم منفذ العرض

D.   لا شيء مما بالأعلى

63:

A.   ففلاتيون

B.   Plusicons

C.   خط الهجوم

D.   الغليفيكونات

64:

A.   `form-inline-mobile" إذا كان العرض أصغر من 768 بكسل في العرض

B.   `form-inline" إذا كان عرض Viewport لا يقل عن 768 بكسل

C.   `form-inline-desktop" إذا كان عرض Viewport لا يقل عن 768 بكسل على الأقل

D.   `form-as-row" إذا كان عرض Viewport لا يقل عن 768 بكسل على الأقل

E.   `form in row" إذا كان عرض Viewport لا يقل عن 768 بكسل على الأقل

F.   لا يمكن القيام به لأن bootstrap هو الهاتف المحمول أولاً وعلى عناصر النماذج المحمول يتم عرضها في الأعمدة

65:

ما الذي يتم استخدام المعالج المسبق لبناء bootstrap؟

A.   أقل

B.   ساس

C.   TCSS

D.   TwitterCSS

66:

ماذا سيحدث إذا كان ميناء العرض بدقة 500 × 800 سوف يدور إلى مشهد الموقع الذي يستخدم بناء مخصص من bootstrap؟

A.   العناصر التي تحتوي على فئة `.visible-xs-*` سوف تختبئ

B.   النتيجة تعتمد على تكوين أقل

C.   العناصر التي تحتوي على فئة `.vible-md-*` ستبقى مخفية

D.   العناصر مع الفصل `.vible-lg-*` ستبقى مخفية

67:

ما هي متغيرات السقالات المتاحة للاستخدام في CSS الكلاسيكية لتجاوز القيم الافتراضية؟

A.   الجسم BG ، الرمادي المظلم ، العلامة التجارية ، والرابط-بلون ، والرابط---لا تحتفظ بخلط

B.   لا يمكن تجاوز متغيرات أقل في ملف CSS الكلاسيكي.

C.   الجسم-BG ، لون النص ، لون الرابط ، تراجع الارتباط ، بلون الرابط المتفوق

D.   الرمادي المظلم والعلامة التجارية

68:

ماذا سيحدث إذا تمت إضافة فئة SR فقط إلى بعض عناصر div؟

A.   سيكون DIV مرئيًا فقط لأجهزة الدقة الصغيرة

B.   سيكون Div مرئيًا فقط لقراء الشاشة

C.   سوف ينزلق Div فقط إلى الجانب الأيمن

D.   سوف يبقى Div فقط على الجانب الأيمن من الشاشة

69:

none. Bootstrap لا يدعم FlexBox حتى الآن.

A.   لا أحد. Bootstrap لا يدعم FlexBox حتى الآن.- ستعمل bootstrap v4.

B.   فئة فقط `row-flex` و `column-flex`

C.   أي

D.   <ol> <li> ما هي خيارات CSS Flexbox التي يمكن استخدامها مع Bootstrap؟ </li> </ol>

70:

A.   ul class = & quot ؛ nav & quot ؛ id = & quot ؛ top_navigation & quot ؛> <li id ​​= & quot ؛ part-1 & quot ؛> الجزء 1 </li> <li id ​​= & quot ؛ part-2 & quot ؛> الجزء 2 </li> </ul> ويجب أن تكون محتويات مع هذا div: <div data-menu = & quot ؛ top_navigation & quot ؛> <div id = & quot ؛ part-1 & quot ؛> المحتويات </div> <div id = & quot ؛ part-2 & quot ؛> المحتويات </div> </div >

B.   يمكن استخدام Scroll Spy وهو مكون إضافي JS

C.   ستحتاج إلى بعض lib الطرف الثالث لتحقيق ذلك. على سبيل المثال jQuery أو ReactJS

D.   فقط أضف التنقل مع على سبيل المثال `data-rel = & quot ؛ التنقل & quot ؛` السمة ونفس div مع `data-rel-bind = & quot ؛ التنقل & quot ؛`

71:

A.   مع أن نص علامة "del` يشبه النص المحذوف ومع علامة" s "

B.   لا فرق بصري

C.   هناك اختلاف طفيف لمستخدمي Safari على Mac ، في حين لا يوجد فرق لأي شخص آخر

D.   يمثل "ديل" و "s" أشياء مختلفة ونص "ديل" أحمر أيضًا ، في حين أن "النص" مضغوط فقط

72:

ما هي نقاط التوقف عن استعلامات الوسائط المتاحة كخيارات أقل لجعل واجهة مستخدم أفضل للأجهزة المحمولة؟ (اختر كل ما ينطبق)

A.   عرض Medium

B.   وسائل الإعلام-mobile

C.   الشاشة-x

D.   هاتف الشاشة

E.   صغيرة

F.   أيا من هذه

73:

أي مما يلي هو الوصف الصحيح حول.

A.   انها خارج العمود وحفظ المكان.

B.   إنه OFF العمود وليس حفظ المكان.

C.   إنه يزيد من الهامش الأيمن في العمود.

D.   إنها تزيد من الهامش الأيسر في العمود.

74:

ما هي الخيارات لجعل وزن الخط أكثر جرأة من العنصر الأصل؟

A.   أضف فئة "جريئة"

B.   استخدم علامة HTML `Bold`

C.   استخدم علامة HTML `Strong`

D.   استخدم html `b` tag

E.   أضف فئة "قوية"

F.   أيا من هذه

75:

ما هو الكود المستخدم لإنشاء التنقل؟

A.   <span id = "docs-internal-guid-071e52ce-7fff-d482-badd-97eab6dc5fde"> <span style = "font-vontiant-numeric: normal ؛ font-voniant-east-asian: normal ؛ ؛ "> <ul class =" nav nav-pills "> ... </ul> </span> </span>

B.   <ul class = "dropdown-menus"> <span id = "docs-internal-guid-8bebe069af-7fff-9809-70f4-a1d9afdb984e"> <span style = "font-size: 12pt ؛ font-family: cibri ، sans -serif ؛ خلفية اللون: شفاف ؛ خطاب غير متغير: عادي ؛ طبيعية ؛ المتغير-الشرقي الآسيوي: طبيعي ؛ محاذاة رأسية: الأساس ؛ الفضاء الأبيض: ما قبل wrap ؛ "> <ul class =" dropdown- قوائم "> ... </ul> </span> </span> </ul>

C.   <ul class = "sevigation"> <span id = "docs-internal-guid-14ebfa5b-7fff-f6c3-74b4-c9f489aa211c"> <span style = "font-size: 12pt ؛ font-family: calibri ، sans-serif ؛ خلفية اللون: شفاف ؛ خطاب-متغير-طبيعي ؛ طبيعي ؛ المتغير-الشرقي الآسيوي: طبيعي ؛ محاذاة رأسية: خط الأساس ؛ الفضاء الأبيض: ما قبل wrap ؛ "> <ul class =" التنقل ">. .. </ul> </span> </span> </ul>

D.   <ul class = "nav-nav-dropdowns"> <span id = "docs-internal-guid-77181952-7fff-05cf-0e4a-8ba5c67692fe"> <span style = "font-size: 12pt ؛ font-family: calibri ، sans-serif ؛ خلفية اللون: شفاف ؛ خطاب غير متغير: عادي ؛ طبيعية ؛ المتغير-الشرقي الآسيوي: طبيعي ؛ محاذاة رأسية: خط الأساس ؛ الفضاء الأبيض: ما قبل wrap ؛ "> <ul class =" nav = "nav =" nav-dropdowns "> ... </ul> </span> </span> </ul>

E.   <ul class = "nav-tabs"> <span id = "docs-internal-guid-ce8bd524-7fff-1541-e93d-b38b7d718be0"> <span style = "font-size: 12pt ؛ font-family: cibri ، sans-serif ؛ خلفية اللون: شفاف ؛ خطاب غير متغير: عادي ؛ طبيعية ؛ المتغير-الشرقية الآسيوية: طبيعي ؛ محاذاة رأسية: خط الأساس ؛ الفضاء الأبيض: ما قبل wrap ؛ "> <ul class =" nav = "nav =" nav-tabs-with-dropdown "> ... </ul> </span> </span> </ul>

F.   <ul class = "nav-tabs-with-dropdown"> <span id = "docs-internal-guid-8C03703F-7FFF-3162-C0FE-4EDA7F617F7> <span style =" font-size: 12pt ؛ font- العائلة: Calibri ، sans-serif ؛ خلفية اللون: شفاف ؛ خطاب غير متغير: طبيعي ؛ المتغير-الشرقي الآسيوي: عادي ؛ العمودي المحاذاة: الأساس ؛ المساحة البيضاء: ما قبل الحمل ؛ "> <ul class = "menu"> </ul> </span> </span> </ul>

G.   <ul class = "menu"> </ul>

76:

ما الذي يجب استخدامه لإنشاء نص ملحوظ؟

A.   أضف فئة "مارك" إلى بعض علامة HTML

B.   <span id = "docs-internal-guid-185a0d26-7fff-579e-4f6b-c675b91cfbd3"> <span styp ؛ "> مع <mark> علامة html </span> </span>

C.   أضف فئة "ملحوظ" إلى بعض علامة HTML

D.   أضف فئة `is-marked" لبعض علامة HTML

E.   أضف فئة `text-text" إلى بعض علامة HTML

77:

أي من أنماط bootstrap التالية يوفر وزنًا بصريًا إضافيًا ويحدد الإجراء الأساسي في مجموعة من الأزرار؟

A.   .btn

B.   .BTN-PROMARY

C.   .btn-saccess

D.   .btn-info

78:

أي مما يلي هو جزء من الاستراتيجية الأولى للهاتف المحمول؟

A.   المحتوى: تحديد ما هو الأكثر أهمية.

B.   التصميم: التصميم على عروض أصغر أولاً. BASE CSS عنوان الجهاز المحمول أولاً ؛ عنوان استفسارات الوسائط للجهاز اللوحي ، أجهزة الكمبيوتر المكتبية.

C.   التحسين التدريجي: إضافة عناصر مع زيادة حجم الشاشة.

D.   كل ما ورداعلاه.

79:

أي من أنماط bootstrap التالية يمكن استخدامها لإنشاء شريط تقدم مكدسة؟

A.   .progress-stacked

B.   .تقدم

C.   .

D.   لا شيء مما بالأعلى.

80:

أي مما يلي صحيح حول آبار bootstrap؟

A.   البئر هي حاوية في <viv> التي تتسبب في ظهور المحتوى غارقًا أو تأثيرًا داخليًا على الصفحة.

B.   لإنشاء بئر ، ما عليك سوى لف المحتوى الذي ترغب في الظهور في البئر مع <viv> يحتوي على فئة .Well.

C.   كلاهما اعلاه.

D.   لا شيء مما بالأعلى.

81:

أي مما يلي يجب أن يتم تضمينه داخل رأس وثيقة HTML لتقديمها المناسب واللمس؟

A.   meta name = & quot ؛ viewports & quot ؛ content = & quot ؛ width = width الجهاز ، النطاق الأولي = 1 & quot ؛>

B.   <name meta = & quot ؛ viewport & quot ؛ content = & quot ؛ width = width device ، sciale = 1 & quot ؛>

C.   <name meta = & quot ؛ viewsport & quot ؛ content = & quot ؛ width = width الجهاز ، النطاق الأولي = 1 & quot ؛>

D.   لا شيء مما بالأعلى

82:

هل من الممكن إنشاء صورة مستجيبة؟

A.   نعم ، استخدام فئة المساعد: "الاستجابة"

B.   نعم ، باستخدام الفصل: `IMG-مستجيب"

C.   نعم ، باستخدام فئة "IMG-تستجيب" ، ولكن سيتطلب مُمكّنًا من الإضافات JavaScript

D.   نعم ، باستخدام فئة `IMG-Rounded" ، سيتم تقريب العرض إلى أقرب عدد صحيح عن طريق عرض العرض

E.   نعم ، استخدام الفئة `img-fluid`

F.   نعم ، استخدام الفئة "مستجيبة للصور"

G.   أيا من هذه

83:

أي واحد مما يلي غير صحيح؟

A.   إضافة & quot ؛ lead & quot ؛ الفصل إلى عنصر P يجعل النص متميزًا.

B.   إضافة & quot ؛ text-left & quot ؛ الفصل إلى عنصر p يجعل النص محاذاة إلى اليسار.

C.   إضافة & quot ؛ النص-عادل & quot ؛ الفصل إلى عنصر p يجعل النص مبررا.

D.   إضافة & quot ؛ النصوص النصية & quot ؛ الفصل إلى عنصر p يجعل النص برصاصة.

84:

A.   الاستعلام الإعلامي هو مصطلح رائع حقًا لـ & quot ؛ قاعدة CSS الشرطية & quot ؛.

B.   إنه ينطبق ببساطة على بعض CSS ، بناءً على بعض الشروط المحددة. إذا تم استيفاء هذه الشروط ، يتم تطبيق النمط.

C.   كلاهما اعلاه.

D.   لا شيء مما بالأعلى.

85:

أي من الفئة التالية مطلوب لإضافتها إلى علامة النموذج لجعلها مضمنة؟

A.   .في النسق

B.   .

C.   .أفقي

D.   لا شيء مما بالأعلى.

86:

أي فئة تطبق لون التحويم على صف أو خلية معينة من الجدول؟

A.   .نشيط

B.   .نجاح

C.   .تحذير

D.   .خطر

87:

أي من الفئة التالية يمكن استخدامها لإنشاء جدول استجابة؟

A.   .

B.   .responsive

C.   .نشيط

D.   .طاولة

88:

A.   يجب وضع الصفوف داخل فئة. container للمحاذاة المناسبة والحشو.

B.   استخدم الصفوف لإنشاء مجموعات أفقية من الأعمدة.

C.   يجب وضع المحتوى داخل الأعمدة ، وقد تكون الأعمدة فقط الأطفال المباشرين للصفوف.

D.   كل ما ورداعلاه.

89:

A.   إنه يحدد ثابتًا للخلفية ، إذا كنت لا تريد إغلاق الوسائط عندما ينقر المستخدم خارج الوسيط.

B.   يغلق الوسائط عند الضغط على مفتاح الهروب ؛ ضبط على خطأ لتعطيل. يظهر الوسيط عند تهيئته.

C.   باستخدام طريقة jQuery .Load ، حقن المحتوى في الجسم المشروط. إذا كان HREF مع عنوان URL صالح

D.   إضافة ، سوف تحميل هذا المحتوى.

90:

A.   باستخدام فئات .NAV و .Tabbed على <ul> العلامة

B.   باستخدام فئات .NAV و .TABS على <ul> العلامة

C.   باستخدام فئات .Navigation و .tabs على <ul> علامة

D.   باستخدام فئات .nav و .nav-tabs على <ul> علامة

91:

كيف يمكنك إزالة تصميم قائمة للقوائم المتداخلة؟

A.   بإضافة فئة غير مقلوبة.

B.   عن طريق إضافة فئة. List-onstyled إلى جميع عناصر القائمة

C.   عن طريق الالتفاف مع العلامة <unstyled>

D.   عن طريق الالتفاف مع العلامة <ul>

92:

A.   إضافة .uppercase فئة إلى بعض عناصر النص

B.   إنه غير ممكن

C.   إضافة. Text-Uppercase Class إلى بعض العناصر النصية

D.   أضف. جميع العناصر النصية إلى بعض العناصر النصية

E.   إضافة .T-UpperCase Class إلى بعض عناصر النص

93:

تم عرض حرائق الحدث التالية في عرض علامة التبويب بعد عرض علامة تبويب. استخدم Event.Target و Event.RelelingTarget لاستهداف علامة التبويب النشطة وعلامة التبويب النشطة السابقة على التوالي؟

A.   $ ('a [data- toggle = & quot ؛ tab & quot ؛]'). on ('opened.bs.tab' ، function (e) {

B.   $ ('a [data- toggle = & quot ؛ tab & quot ؛]'). on ('open.bs.tab' ، function (e) {

C.   $ ('a [data- toggle = & quot ؛ tab & quot ؛]'). on ('show.bs.tab' ، function (e) {

D.   $ ('a [data- toggle = & quot ؛ tab & quot ؛]'). on ('shown.bs.tab' ، function (e) {E.Target

94:

كم عدد الأعمدة التي لديها شبكة bootstrap؟

A.   8

B.   10

C.   12

D.   14

95:

A.   3

B.   12

C.   6

D.   9

96:

ما هو ارتفاع الخط الافتراضي أثناء استخدام twitter bootstrap؟

A.   1

B.   1.428

C.   1.5

D.   2

E.   2.428

97:

هل يمكن تضمين الإضافات

A.   نعم

B.   لا

C.   نعم ، ولكن فقط علامة التبويب وملالية الأدوات

D.   لا ، باستثناء الوسائط

98:

يتم إطلاق الحدث التالي عند الانتهاء من مخفية من المستخدم (سوف تنتظر انتقالات CSS لإكمال) :

A.   $ ('#tooltipexample'). on ('shown.bs.tooltip' ، function () {// افعل شيئًا ...})

B.   $ ('#tooltipexample'). on ('hide.bs.tooltip' ، function () {// افعل شيئًا ...})

C.   $ ('#tooltipexample'). on ('Activate.bs.scrollspy' ، function () {// افعل شيئًا ...})

D.   $ ('#tooltipexample'). on ('hidden.bs.tooltip' ، function () {// افعل شيئًا ...})

E.   $ ('#tooltipexample'). on ('show.bs.tooltip' ، function () {})

99:

A.   يطبق CSS الانتقال إلى تلميح الأدوات.

B.   إدراج HTML في تلميح الأدوات. إذا كان خطأ ، سيتم استخدام طريقة نص JQuery لإدراج المحتوى في DOM.

C.   يحدد كيفية وضع Tooltip (على سبيل المثال ، أعلى | أسفل | اليسار | يمين | تلقائي).

D.   المندوبون إلى الأهداف المحددة.

100:

A.   يتم ذلك باستخدام FlexBox ، يمكنك فقط استخدام الدعائم مثل `flex = & quot ؛ 1 & quot ؛` و `alignitems = & quot ؛ center & quot ؛`

B.   يوفر Bootstrap فئات مخصصة لصنع الشبكة. "صف" للصفوف و "span1 ، span2 ، span3 إلخ." للأعمدة.

C.   يوفر Bootstrap فئات مخصصة لصنع الشبكة. "صف" للصفوف و "Col-MD-3 ، Col-LG-12 إلخ." للأعمدة.

D.   يوفر Bootstrap فئات مخصصة لصنع الشبكة. "صف" للصفوف و "Col-Mobile-3 ، Col-Tablet-12 إلخ." للأعمدة.