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.

ce este programarea descriptivă în qtp

• 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.

cum să vă înscrieți pentru testarea produsului

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?

Răspuns: Dacă așezăm mai multe bare cu aceleași .progresa element părinte, Bootstrap le va aduna într-o singură bară de progres. După cum știm, în bootstrap suma barei de progres este de 100%. Deci, bara de progres va da rezultatul ca lățime completă și complet populată.

Î # 24) Cum putem personaliza legăturile de paginare în Bootstrap?

Răspuns: Putem personaliza linkurile folosind .dezactivat pentru linkuri de neclicat și .activ pentru indicarea paginii curente.

Î # 25) Explicați grupul de intrare în Bootstrap.

Răspuns: Grupul de intrare în bootstrap este eliminat din controale. Folosind un grup de intrare, putem adăuga cu ușurință text sau buton anexat și adăugat la intrările bazate pe text.

Putem prepend și adăuga elemente la un .form-control luând toate elementele dintr-o clasă sub .input-group. După aceea, plasați conținutul suplimentar în interiorul unuila fel folosind clasa .input-group-addon după aceasta puteți plasaelement fie înainte, fie după elementul de intrare.

Î # 26) Scrieți modalitățile de a crea un meniu de navigare cu file în Bootstrap.

Răspuns: Putem crea navigare cu file realizând o listă de bază neordonată cu clasa de bază a .nu ​​sunt și după aceasta, putem adăuga clasă .nav-tabs .

Î # 27) În Bootstrap, cum puteți crea un meniu de navigare pentru pastile?

Răspuns: Meniul de navigare a pilulelor din bootstrap este creat prin realizarea unei liste neordonate la început cu clasa de bază a .nu ​​sunt iar după aceasta adăugați clasa .nav-pastile .

Î # 28) Cum funcționează navbar în Bootstrap?

Răspuns: În bootstrap, bara de navigație este o caracteristică eminentă pentru a crea o meta componentă receptivă care funcționează ca anteturi de navigare pentru aplicația și site-ul dvs. În vizualizarea mobilă, bara de navigație se prăbușește și devine orizontală pe măsură ce crește lățimea ferestrei disponibile.

Î # 29) Cum putem crea o navbar în Bootstrap?

Răspuns: Pentru a crea o navbar într-un bootstrap la început, trebuie să adăugăm clasele .navbar , .navbar-implicit la etichetă. După aceasta, trebuie să adăugăm rolul = „navigare” la elementul de mai sus, iar acest lucru va ajuta la inaccesibilitate.

Am adăugat o clasă de antet .nav-header la element, care va include un element cu un brand de clasă navbar. Din aceasta, vom obține un text cu o dimensiune mai mare.

cu .panel-title clasă pentru a da mai multe stiluri la rubrică.

Î # 39) Ce este un plugin scrollspy în Bootstrap?

Răspuns: Este un plugin de nav actualizare automată care permite preluarea secțiunii paginii pe baza poziției de derulare. Acest lucru se poate face prin clasa .activă la poziția de derulare bazată pe navbar.

Î # 40) Care este funcția pluginului de afixare în Bootstrap?

Răspuns: Acest plugin permite atașarea unui la o locație de pe pagină.

Utilizarea pictogramei sociale într-o pagină este un exemplu pentru aceasta, în care vedem că pictogramele vor începe într-o locație, dar când pagina lovește un anumit semn, aceasta va bloca locul și va opri derularea pentru restul pagină.

Î # 41) Care este sistemul de rețea în Bootstrap?

Răspuns: Prin utilizarea sistemului de rețea, putem crea până la 12 coloane pe o pagină. Există diferite clase care au fost definite în acest scop în scopul UI.

Î # 42) Ce sunt clasele Grid în Bootstrap?

Răspuns: Există patru clase de grilă în Bootstrap.

Sunt:

• xs (Se utilizează pentru ecranele telefonului cu o lățime mai mică de 786 px).
• sm (Se utilizează pentru ecranele tabletei cu o lățime mai mare de 786 px).
• md (Este pentru un ecran mic de laptop cu o dimensiune egală sau mai mare de 992 px lățime).
• LG (Este pentru ecranele laptopului și desktopului care au o lățime mai mare de 1200px).

Î # 43) Care sunt stilurile globale care sunt utilizate în tipografia implicită Bootstrap?

Răspuns: În Bootstrap, dimensiunea fontului global implicită este de 14 px și înălțimea liniei este de 1,428. Modificările implicite ale fontului în Helvetica și Arial sunt cu variante de rezervă fără serif și toate aceste stiluri sunt aplicabile atât pentru corp, cât și pentru toate paragrafele.

Î # 44) Care va fi rezultatul codului de mai jos?

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

Răspuns: Rezultatul va da grilele pentru dispozitive foarte mici, așa cum putem vedea în fragmentul col-xs-12 care a fost utilizat și va oferi grile pentru dispozitive desktop și mai sus, așa cum a fost clasa col-md-3 folosit.

Î # 45) Ce dependențe necesită Bootstrap pentru a funcționa corect?

Răspuns: jQuery este singura dependență de care bootstrap necesită pentru a funcționa corect și aceasta este doar pentru pluginurile JavaScript din bootstrap.

Î # 46) Explicați ce va face codul de mai jos?

Home 36

Răspuns: Acest cod va produce un link cu o insignă inline care va da o notificare importantă utilizatorului, cum ar fi numărul primit, mesajul primit sau numărul de solicitări etc.

Î # 47) Care sunt cele două coduri care sunt utilizate pentru afișarea codului în Bootstrap?

Răspuns: Codurile sunt tag and tag.

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

cum se face un makefile c ++

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) Ce este un plugin de tranziție în Bootstrap?

Răspuns: Oferă efecte de tranziție simple, cum ar fi alunecarea sau decolorarea în moduri.

Î # 51) Explicați conceptul de a crea o formă verticală sau de bază în Bootstrap.

Răspuns: Pentru aceasta mai întâi trebuie să adăugăm un formular de rol elementului părinte, apoi trebuie să înfășurăm etichete și controale într-un cu class.form-group și apoi trebuie să adăugăm o clasă de .form-control la toate textele URL și elemente .

Concluzie

Aceste întrebări și răspunsuri la interviu vă vor ajuta să spargeți orice interviu Bootstrap pentru un nivel mai proaspăt și cu experiență. Și acestea sunt cele mai frecvente întrebări care sunt puse în interviuri.

Sunt sigur că acest articol v-ar fi ajutat să înțelegeți elementele de bază și nivelul avansat al Bootstrap.

Vă dorim tot binele pentru interviul dvs. !!

Lectură recomandată

• Întrebări și răspunsuri la interviu
• Întrebări și răspunsuri la interviuri de testare ETL
• Top 50 Cele mai populare întrebări și răspunsuri ale interviului CCNA
• Cele mai importante 50 de întrebări și răspunsuri la interviu PHP (pentru TOȚI)
• Top 50+ Întrebări și răspunsuri pentru interviul bazei de date
• Câteva întrebări și răspunsuri dificile de testare manuală
• Cele mai bune 25 de întrebări și răspunsuri de interviu pentru testarea agilă
• Întrebări de interviu cu răspunsuri Spock (Cele mai populare)