Q # 12) What is a progress bar in bootstrap?

Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.

Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.

Answer: The contextual classes used with progressive bar are as follows.

विंडोज़ में .apk फ़ाइल कैसे खोलें

• Progress-success
• Progress-info
• Progress-warning
• Progress-danger

Q # 14) What are responsive utility classes in Bootstrap?

Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.

Example: “hidden-md-down”, It hides

Q # 15) What are the different button styles in Bootstrap?

Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.

• .btn-default.
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning.
• .btn-danger.
• .btn-link.

Q # 16) What are Bootstrap alerts?

Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.

There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.

Q # 17) Define Bootstrap thumbnails.

Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.

This will add four pixels of padding and a grey border.

क्लाउड-कंप्यूटिंग प्रदाता अपनी सेवाओं की पेशकश करते हैं

Q # 18) Explain Modal plugin in Bootstrap.

Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.

Q # 19) Which class is used for pagination in Bootstrap?

Answer: To add pagination on the webpage we have to use the class .pagination .

Q # 20) Explain what is Bootstrap collapsing elements.

Answer: It allows you to collapse any particular element without using any JavaScript code.

To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.

Q # 21) What is Bootstrap Well?

Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.

Q # 22) Explain the uses of the carousel plugin in Bootstrap.

Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.

Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .

Q # 23) What will be the output of the below code and why?

उत्तर: यदि हम एक ही के साथ कई बार रखते हैं .प्रदर्शन मूल तत्व, बूटस्ट्रैप उन्हें एक एकल प्रगति बार में ढेर कर देगा। जैसा कि हम जानते हैं, बूटस्ट्रैप में प्रगति पट्टी का योग 100% है। इसलिए, प्रगति बार पूरी चौड़ाई और पूरी तरह से आबादी के रूप में परिणाम देगा।

क्यू # 24) हम बूटस्ट्रैप में पेजिनेशन के लिंक कैसे कस्टमाइज़ कर सकते हैं?

उत्तर: हम लिंक का उपयोग करके अनुकूलित कर सकते हैं .Disabled अयोग्य लिंक के लिए और सक्रिय वर्तमान पृष्ठ को इंगित करने के लिए।

क्यू # 25) बूटस्ट्रैप में इनपुट समूह को समझाइए।

उत्तर: बूटस्ट्रैप में इनपुट समूह को नियंत्रण से बाहर रखा गया है। एक इनपुट समूह का उपयोग करके, हम आसानी से पाठ आधारित निविष्टियों में पूर्वनिर्मित और संलग्न पाठ या बटन जोड़ सकते हैं।

हम तत्वों को प्रस्तुत कर सकते हैं और जोड़ सकते हैं .पर-नियंत्रण एक कक्षा के तहत सभी तत्वों को लेने से .input- समूह। उसके बाद, अपनी अतिरिक्त सामग्री को एक के अंदर रखेंकक्षा का उपयोग करके .input-group-addon इसके बाद आप इसे रख सकते हैंतत्व से पहले या इनपुट तत्व के बाद।

क्यू # 26) बूटस्ट्रैप में टैब्ड नेविगेशन मेनू बनाने के तरीके लिखें।

उत्तर: हम आधार वर्ग के साथ एक बुनियादी अव्यवस्थित सूची बनाकर टैब्ड नेविगेशन बना सकते हैं ।नहीं हैं और इसके बाद, हम क्लास जोड़ सकते हैं .nav- टैब ।

क्यू # 27) बूटस्ट्रैप में, आप एक गोलियां नेविगेशन मेनू कैसे बना सकते हैं?

उत्तर: बूटस्ट्रैप में गोलियां नेविगेशन मेनू बेस क्लास के साथ पहली बार एक अनियंत्रित सूची बनाकर बनाया गया है ।नहीं हैं और इसके बाद कक्षा जोड़ें .nav- गोलियाँ ।

क्यू # 28) बूटस्ट्रैप में नावबार कैसे काम करता है?

उत्तर: बूटस्ट्रैप में, नेवबार एक उत्तरदायी मेटा घटक बनाने के लिए एक प्रमुख विशेषता है जो आपके एप्लिकेशन और साइट के लिए नेविगेशन हेडर के रूप में काम करता है। मोबाइल व्यू में, नावबार ढह जाता है और उपलब्ध व्यूपोर्ट की चौड़ाई बढ़ने के साथ क्षैतिज हो जाता है।

क्यू # 29) कैसे हम बूटस्ट्रैप में एक नावबार बना सकते हैं?

उत्तर: पहले बूटस्ट्रैप में नेवबार बनाने के लिए, हमें कक्षाओं को जोड़ना होगा .नवबर , .navbar- डिफ़ॉल्ट टैग के लिए। इसके बाद, हमें उपरोक्त तत्व में भूमिका = 'नेविगेशन' जोड़ना होगा, और यह दुर्गमता में मदद करेगा।

हमने एक हेडर क्लास जोड़ा है .nav- हैडर तत्व के लिए, जिसमें एक शामिल होगा तत्व एक नौसैनिक ब्रांड के साथ। इससे हमें बड़े आकार के साथ एक टेक्स्ट मिलेगा।

के साथ .पन-उपाधि हेडिंग पर अधिक स्टाइल देने के लिए क्लास।

क्यू # 39) बूटस्ट्रैप में स्क्रोलस्पी प्लगइन क्या है?

उत्तर: यह एक ऑटो-अपडेटिंग नेव प्लगइन है जो स्क्रॉल स्थिति के आधार पर पृष्ठ के अनुभाग को लाने की अनुमति देता है। इसके द्वारा किया जा सकता है । सक्रिय वर्ग नावबार आधारित स्क्रॉल स्थिति में।

क्यू # 40) बूटस्ट्रैप में एफिक्स प्लगइन का क्या काम है?

उत्तर: यह प्लगइन पृष्ठ पर किसी स्थान से जुड़ा होने की अनुमति देता है।

किसी पृष्ठ में सोशल आइकन का उपयोग इसके लिए एक उदाहरण है, जिसमें हम देखते हैं कि आइकन किसी स्थान पर शुरू होंगे, लेकिन जब पृष्ठ किसी निश्चित चिह्न पर हिट होगा तो यह स्थान को अवरुद्ध कर देगा और बाकी हिस्सों के लिए स्क्रॉल करना बंद कर देगा पृष्ठ।

क्यू # 41) बूटस्ट्रैप में ग्रिड सिस्टम क्या है?

उत्तर: ग्रिड सिस्टम का उपयोग करके, हम एक पृष्ठ पर 12 कॉलम बना सकते हैं। अलग-अलग वर्ग हैं जिन्हें यूआई उद्देश्य के लिए परिभाषित किया गया है।

क्यू # 42) बूटस्ट्रैप में ग्रिड वर्ग क्या हैं?

उत्तर: बूटस्ट्रैप में चार ग्रिड कक्षाएं हैं।

वे:

• xs (यह 786px चौड़ी से कम फोन स्क्रीन के लिए प्रयोग किया जाता है)।
• एस.एम. (इसका उपयोग टैबलेट स्क्रीन के लिए किया जाता है जो 786px से अधिक चौड़े होते हैं)।
• मोहम्मद (यह आकार की छोटी लैपटॉप स्क्रीन के बराबर है या 992px से अधिक चौड़ी है)।
• एलजी (यह लैपटॉप और डेस्कटॉप स्क्रीन के लिए है जो 1200px से अधिक चौड़े बराबर हैं)।

क्यू # 43) बूटस्ट्रैप डिफ़ॉल्ट टाइपोग्राफी में उपयोग की जाने वाली वैश्विक शैली क्या हैं?

उत्तर: बूटस्ट्रैप में वैश्विक डिफ़ॉल्ट फ़ॉन्ट-आकार 14px है और लाइन की ऊंचाई 1.428 है। हेलवेटिका और एरियल के लिए डिफ़ॉल्ट फ़ॉन्ट परिवर्तन सैंस-सेरिफ़ फॉलबैक के साथ हैं और ये सभी शैलियाँ शरीर और सभी पैराग्राफ दोनों के लिए लागू हैं।

क्यू # 44) नीचे दिए गए कोड का आउटपुट क्या होगा?

स्ट्रिंग को स्ट्रिंग c ++ में बदलें

.col-xs-12 .col-md-3

उत्तर: इसका उत्पादन अतिरिक्त छोटे उपकरणों के लिए ग्रिड देगा जैसा कि हम स्निपेट कॉल-एक्स -12 में देख सकते हैं जिसका उपयोग किया गया है और यह डेस्कटॉप डिवाइसों के लिए ग्रिड और ऊपर वर्ग- md-3 के रूप में भी दिया गया है उपयोग किया गया।

क्यू # 45) बूटस्ट्रैप के लिए किन निर्भरताओं को ठीक से काम करने की आवश्यकता है?

उत्तर: jQuery एकमात्र निर्भरता है जिसे बूटस्ट्रैप को ठीक से काम करने के लिए आवश्यक है और यह केवल बूटस्ट्रैप में जावास्क्रिप्ट प्लगइन्स के लिए है।

क्यू # 46) बताएं कि नीचे दिया गया कोड क्या करेगा?

Home 36

उत्तर: यह कोड इनलाइन बैज के साथ एक लिंक का उत्पादन करेगा जो उपयोगकर्ता को एक महत्वपूर्ण सूचना देगा जैसे कि नंबर प्राप्त, संदेश प्राप्त या अनुरोधों की संख्या, आदि।

क्यू # 47) बूटस्ट्रैप में कोड डिस्प्ले के लिए उपयोग किए जाने वाले दो कोड क्या हैं?

उत्तर: कोड हैं tag and tag.

Q # 48) What is the difference between Bootstrap and Foundation?

Answer: Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing.

Q # 49) What are Glyphicons in Bootstrap?

Answer: By this, we can use the icon simply anywhere in your code.

क्यू # 50) बूटस्ट्रैप में एक संक्रमण प्लगइन क्या है?

उत्तर: यह सरल संक्रमण प्रभाव प्रदान करता है जैसे मोडलिंग में फिसलने या लुप्त होने।

क्यू # 51) बूटस्ट्रैप में वर्टिकल या बेसिक फॉर्म बनाने की अवधारणा को समझाइए।

उत्तर: इसके लिए पहले हमें मूल तत्व में एक भूमिका रूप जोड़ना होगा, फिर हमें class.form-group के साथ लेबल और नियंत्रण को लपेटना होगा और फिर हमें सभी पाठ url और तत्वों में .form-control का एक वर्ग जोड़ना होगा। ।

निष्कर्ष

ये साक्षात्कार प्रश्न और उत्तर आपको फ्रेशर के साथ-साथ अनुभवी स्तर के लिए किसी भी बूटस्ट्रैप साक्षात्कार को क्रैक करने में मदद करेंगे। और ये सबसे अक्सर पूछे जाने वाले प्रश्न हैं जो साक्षात्कार में पूछे जाते हैं।

मुझे यकीन है कि इस लेख ने आपको बूटस्ट्रैप के मूल स्तर और उन्नत स्तर को समझने में मदद की होगी।

हम आपके साक्षात्कार के लिए शुभकामनाएं देते हैं !!

अनुशंसित पाठ

• साक्षात्कार प्रश्न और उत्तर
• ईटीएल परीक्षण साक्षात्कार प्रश्न और उत्तर
• शीर्ष 50 सबसे लोकप्रिय CCNA साक्षात्कार प्रश्न और उत्तर
• 50 टॉप PHP साक्षात्कार प्रश्न और उत्तर (सभी के लिए)
• शीर्ष 50+ डेटाबेस साक्षात्कार प्रश्न और उत्तर
• कुछ मुश्किल मैनुअल परीक्षण प्रश्न और उत्तर
• 25 सर्वश्रेष्ठ चुस्त परीक्षण साक्षात्कार प्रश्न और उत्तर
• उत्तर के साथ स्पॉक साक्षात्कार प्रश्न (सर्वाधिक लोकप्रिय)