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.

jak testować cross-site scripting

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

konwertuj youtube na mp3 dłużej niż 20 minut

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?

Odpowiedź: Jeśli umieścimy wiele prętów z tym samym .postęp element nadrzędny, Bootstrap ułoży je na jednym pasku postępu. Jak wiemy, w bootstrapie suma paska postępu wynosi 100%. Tak więc pasek postępu da wynik jako pełną szerokość i w pełni wypełniony.

Q # 24) Jak możemy dostosować linki paginacji w Bootstrap?

Odpowiedź: Możemy dostosować linki za pomocą .niepełnosprawny dla linków niemożliwych do kliknięcia i .aktywny do wskazywania bieżącej strony.

Q # 25) Wyjaśnij grupę wejściową w Bootstrap.

Odpowiedź: Grupa wejściowa w bootstrapie jest usuwana z kontrolek. Korzystając z grupy wejściowej, możemy łatwo dodać poprzedzony i dołączony tekst lub przycisk do danych wejściowych opartych na tekście.

Możemy poprzedzać i dołączać elementy do pliku .form-control biorąc wszystkie elementy w klasie .input-group. Następnie umieść dodatkową zawartość w plikuw tym samym, używając class .input-group-addon po tym możesz umieścić plikelement przed lub po elemencie wejściowym.

Q # 26) Napisz sposoby tworzenia menu nawigacyjnego z kartami w Bootstrap.

Odpowiedź: Możemy utworzyć nawigację z kartami, tworząc podstawową listę nieuporządkowaną z klasą bazową .nie są a potem możemy dodać klasę .nav-tabs .

Q # 27) W Bootstrap, jak możesz stworzyć menu nawigacji pigułek?

Odpowiedź: Menu nawigacji Pills w programie bootstrap jest tworzone przez utworzenie nieuporządkowanej listy z klasą bazową .nie są a następnie dodaj klasę .nav-pills .

Q # 28) Jak działa pasek nawigacyjny w Bootstrap?

Odpowiedź: W bootstrapie pasek nawigacyjny jest wybitną funkcją do tworzenia responsywnego komponentu meta, który działa jako nagłówki nawigacji dla twojej aplikacji i witryny. W widoku mobilnym pasek nawigacyjny zwija się i staje się poziomy wraz ze wzrostem dostępnej szerokości rzutni.

Q # 29) Jak możemy stworzyć pasek nawigacyjny w Bootstrap?

Odpowiedź: Aby najpierw utworzyć pasek nawigacyjny w bootstrapie, musimy dodać klasy .navbar , .navbar-default do tagu. Następnie musimy dodać role = ”navigation” do powyższego elementu, co pomoże w niedostępności.

Dodaliśmy klasę nagłówka .nav-header do elementu, który będzie zawierał plik element z klasą marki navbar. Z tego otrzymamy tekst o większym rozmiarze.

jak korzystać z pliku torrent

Q # 37) Co to są panele w Bootstrap?

Odpowiedź: Panele to komponenty używane, gdy chcesz umieścić komponent DOM w pudełku. Tak więc, aby pobrać podstawowy panel, wystarczy dodać class.panel do elementu. Do tego elementu możemy również dodać class.panel-default.

Q # 38) Jak utworzysz panel Bootstrap z nagłówkiem?

Odpowiedź: Istnieją dwa sposoby dodawania nagłówka panelu.

Po pierwsze, możemy bezpośrednio użyć .panel-header klasy, aby dodać kontenery nagłówków w panelu, a drugim sposobem jest użycie dowolnego tagu nagłówka, takiego jak

do

z .panel-title klasa, aby dodać więcej stylów w nagłówku.

Q # 39) Co to jest wtyczka scrollspy w Bootstrap?

Odpowiedź: Jest to automatycznie aktualizująca się wtyczka nawigacyjna, która umożliwia pobieranie sekcji strony na podstawie pozycji przewijania. Można to zrobić za pomocą klasa .active do pozycji przewijania opartej na pasku nawigacyjnym.

Q # 40) Jak działa wtyczka afiks w Bootstrap?

Odpowiedź: Ta wtyczka umożliwia dołączenie pliku do lokalizacji na stronie.

Użycie ikony społecznościowej na stronie jest przykładem tego, w którym widzimy, że ikony zaczną się w danej lokalizacji, ale kiedy strona trafi w określony znak, zablokuje to miejsce i zatrzyma przewijanie na resztę strona.

Q # 41) Jaki jest system gridów w Bootstrap?

Odpowiedź: Korzystając z systemu siatki, możemy utworzyć do 12 kolumn na stronie. Istnieją różne klasy, które zostały zdefiniowane w tym celu na potrzeby interfejsu użytkownika.

Q # 42) Co to są klasy Grid w Bootstrapie?

Odpowiedź: W Bootstrapie istnieją cztery klasy siatek.

Oni są:

• xs (Jest używany na ekranach telefonów o szerokości mniejszej niż 786 pikseli).
• sm (Jest używany do ekranów tabletów o szerokości większej niż 786 pikseli).
• md (Dotyczy małego ekranu laptopa o rozmiarze równym lub większym niż 992 piksele).
• LG (Dotyczy ekranów laptopów i komputerów stacjonarnych o szerokości większej niż 1200 pikseli).

Q # 43) Jakie style globalne są używane w domyślnej typografii Bootstrap?

Odpowiedź: W Bootstrap globalny domyślny rozmiar czcionki to 14px, a wysokość linii to 1,428. Domyślne zmiany czcionek w Helvetica i Arial obejmują rezerwę bezszeryfową i wszystkie te style mają zastosowanie zarówno do treści, jak i do wszystkich akapitów.

Q # 44) Jaki będzie wynik poniższego kodu?

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

Odpowiedź: Wynik tego da siatki dla bardzo małych urządzeń, jak widać we fragmencie kodu col-xs-12, który został użyty, a także da siatki dla urządzeń stacjonarnych i wyższych, ponieważ klasa col-md-3 została używany.

Q # 45) Jakie zależności wymaga Bootstrap do prawidłowego działania?

Odpowiedź: jQuery jest jedyną zależnością wymaganą przez bootstrap do poprawnego działania i dotyczy to tylko wtyczek JavaScript w bootstrapie.

Q # 46) Wyjaśnij, co zrobi poniższy kod?

Home 36

Odpowiedź: Ten kod utworzy łącze z wbudowaną plakietką, która da użytkownikowi ważne powiadomienie, takie jak otrzymany numer, otrzymana wiadomość lub liczba żądań itp.

Q # 47) Jakie są dwa kody, które są używane do wyświetlania kodu w Bootstrap?

Odpowiedź: Kody to 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.

Q # 50) Co to jest wtyczka przejściowa w Bootstrap?

Odpowiedź: Zapewnia proste efekty przejścia, takie jak przesuwanie lub zanikanie w modach.

Q # 51) Wyjaśnij koncepcję tworzenia formy pionowej lub podstawowej w Bootstrap.

Odpowiedź: W tym celu najpierw musimy dodać formularz roli do elementu nadrzędnego, następnie musimy zawijać etykiety i kontrolki w klasie z class.form-group, a następnie musimy dodać klasę .form-control do wszystkich tekstowych adresów URL i elementów .

Wniosek

Te pytania i odpowiedzi na rozmowę kwalifikacyjną pomogą Ci złamać każdą rozmowę kwalifikacyjną Bootstrap na bardziej świeży i doświadczony poziom. I to najczęściej zadawane pytania podczas wywiadów.

Jestem pewien, że ten artykuł pomógłby Ci zrozumieć podstawy i zaawansowany poziom Bootstrap.

Życzymy wszystkiego najlepszego podczas rozmowy kwalifikacyjnej !!

rekomendowane lektury

• Pytania i odpowiedzi do wywiadu
• ETL Pytania i odpowiedzi podczas rozmowy kwalifikacyjnej testującej
• 50 najpopularniejszych pytań i odpowiedzi do wywiadów CCNA
• 50 najważniejszych pytań i odpowiedzi do wywiadów PHP (dla WSZYSTKICH)
• Top 50+ baz danych pytań i odpowiedzi do wywiadów
• Niektóre trudne pytania i odpowiedzi do testowania ręcznego
• 25 najlepszych pytań i odpowiedzi na rozmowę z testami zwinnymi
• Pytania do wywiadu Spocka z odpowiedziami (najpopularniejsze)