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.

sahip olunabilecek en iyi e-posta nedir

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

android'de apk dosyası nedir

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?

Cevap: Aynı olan birden fazla çubuk yerleştirirsek .ilerleme ana öğe, Bootstrap bunları tek bir ilerleme çubuğunda biriktirir. Bildiğimiz gibi, bootstrap'ta ilerleme çubuğunun toplamı% 100'dür. Böylece ilerleme çubuğu, sonucu tam genişlikte ve tam dolu olarak verecektir.

Q # 24) Bootstrap'ta sayfalandırma bağlantılarını nasıl özelleştirebiliriz?

Cevap: Bağlantıları kullanarak özelleştirebiliriz .disabled tıklanamayan bağlantılar için ve .aktif mevcut sayfayı belirtmek için.

Q # 25) Bootstrap'teki giriş grubunu açıklayın.

Cevap: Bootstrap'teki girdi grubu kontrollerden çıkarılır. Bir giriş grubu kullanarak, metin tabanlı girişlere kolayca başa eklenen ve eklenen metin veya düğmeyi ekleyebiliriz.

Öğelerin başına ve bir .form-control bir sınıftaki tüm öğeleri bir sınıfın altına alarak .input-group. Bundan sonra, fazla içeriğinizi biraynı şekilde sınıf kullanarak .input-group-addon bundan sonra yerleştirebilirsinizgiriş öğesinden önce veya sonra öğe.

Q # 26) Bootstrap'te sekmeli bir gezinme menüsü oluşturmanın yollarını yazın.

Cevap: Taban sınıfı ile basit bir sırasız liste yaparak sekmeli gezinme oluşturabiliriz. .değiller ve bundan sonra sınıf ekleyebiliriz .nav-tabs .

Q # 27) Bootstrap'te bir hap gezinme menüsü nasıl oluşturulur?

Cevap: Bootstrap'teki haplar gezinme menüsü, ilk başta temel sınıf ile sırasız bir liste oluşturarak oluşturulur. .değiller ve bundan sonra sınıfı ekle .nav-hapları .

Q # 28) Navbar Bootstrap'te nasıl çalışır?

Cevap: Önyüklemede, navbar, uygulamanız ve siteniz için gezinme başlıkları olarak çalışan duyarlı bir meta bileşen oluşturmak için önemli bir özelliktir. Mobil görünümde, mevcut görüntü alanı genişliği arttıkça gezinme çubuğu daralır ve yatay hale gelir.

Q # 29) Bootstrap'te nasıl bir navbar oluşturabiliriz?

Cevap: Bir önyüklemede navbar oluşturmak için öncelikle sınıfları eklemeliyiz .navbar , .navbar-default etiketine. Bundan sonra, yukarıdaki öğeye role = ”navigation” eklemeliyiz ve bu erişilemezliğe yardımcı olacaktır.

Bir başlık sınıfı ekledik .nav-başlık öğeye, bir sınıf navbar markalı eleman. Bundan daha büyük boyutlu bir metin alacağız.

Birlikte .panel-title başlıkta daha fazla stil vermek için sınıf.

Q # 39) Bootstrap'ta bir scrollspy eklentisi nedir?

Cevap: Kaydırma konumuna göre sayfanın getirilmesine izin veren otomatik güncellenen bir nav eklentisidir. Bu şu şekilde yapılabilir .active sınıfı navbar tabanlı kaydırma konumuna.

Q # 40) Bootstrap'teki eklenti eklentisinin işi nedir?

Cevap: Bu eklenti, a'nın sayfadaki bir konuma eklenmesine izin verir.

Sosyal simgenin bir sayfada kullanılması buna bir örnektir, burada simgelerin bir konumda başlayacağını, ancak sayfa belirli bir işarete çarptığında yerinde engelleyecektir ve sayfanın geri kalanı için kaydırmayı durduracaktır. sayfa.

Q # 41) Bootstrap'teki grid sistemi nedir?

Cevap: Izgara sistemini kullanarak bir sayfada 12'ye kadar sütun oluşturabiliriz. Bunun için UI amacıyla tanımlanmış farklı sınıflar vardır.

Q # 42) Bootstrap'teki Grid sınıfları nelerdir?

Cevap: Bootstrap'te dört grid sınıfı vardır.

Onlar:

• xs (Genişliği 786 pikselden az olan telefon ekranları için kullanılır).
• sm (Genişliği 786 pikselden büyük olan tablet ekranları için kullanılır).
• md (Genişliği 992 piksele eşit veya daha büyük olan küçük dizüstü bilgisayar ekranı içindir).
• LG (1200 piksel genişliğe eşit olan dizüstü ve masaüstü ekranları içindir).

Q # 43) Bootstrap Varsayılan Tipografide kullanılan genel stiller nelerdir?

Cevap: Bootstrap'ta genel varsayılan yazı tipi boyutu 14px ve satır yüksekliği 1.428'dir. Helvetica ve Arial için varsayılan yazı tipi değişiklikleri sans-serif geri dönüşü ile yapılır ve tüm bu stiller hem gövde hem de tüm paragraflar için geçerlidir.

Q # 44) Aşağıdaki kodun çıktısı ne olacak?

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

Cevap: Bunun çıktısı, kullanılmış olan col-xs-12 parçacığında görebileceğimiz gibi ekstra küçük cihazlar için ızgaralar verecek ve ayrıca col-md-3 sınıfının olduğu gibi masaüstü cihazlar ve üstü için ızgaraları verecektir. Kullanılmış.

Q # 45) Bootstrap düzgün çalışması için hangi bağımlılıkları gerektirir?

Cevap: jQuery, bootstrap'in düzgün çalışması için ihtiyaç duyduğu tek bağımlılıktır ve bu yalnızca bootstrap'teki JavaScript eklentileri içindir.

Q # 46) Aşağıdaki kodun ne işe yarayacağını açıklayın.

Home 36

Cevap: Bu kod, kullanıcıya alınan numara, alınan mesaj veya istek sayısı vb. Gibi önemli bir bildirim verecek olan satır içi bir rozet içeren bir bağlantı oluşturacaktır.

Q # 47) Bootstrap'te kod görüntüleme için kullanılan iki kod nedir?

Cevap: Kodlar 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) Bootstrap'te geçiş eklentisi nedir?

Cevap: Modellerde kayma veya solma gibi basit geçiş efektleri sağlar.

Q # 51) Bootstrap'te dikey veya temel form oluşturma kavramını açıklar.

Cevap: Bunun için önce ana öğeye bir rol formu eklemeliyiz, ardından etiketleri ve denetimleri class.form-group ile sarmalıyız ve sonra tüm metin url ve öğelerine bir .form-control sınıfı eklemeliyiz. .

Sonuç

Bu mülakat soruları ve cevapları, herhangi bir Bootstrap mülakatını daha taze ve deneyimli bir düzeyde kırmanıza yardımcı olacaktır. Ve bunlar görüşmelerde en sık sorulan sorulardır.

Bu makalenin, Bootstrap'in temellerini ve ileri düzeyini anlamanıza yardımcı olacağından eminim.

bir diziye nasıl eleman eklenir

Röportajınız için her şeyin en iyisini diliyoruz !!

Önerilen Kaynaklar

• Mülakat Soruları ve Cevapları
• ETL Test Mülakat Soruları ve Cevapları
• En Popüler 50 CCNA Mülakat Soruları ve Cevapları
• En İyi 50 PHP Mülakat Soruları ve Cevapları (TÜMÜ İÇİN)
• En İyi 50 Veritabanı Mülakat Soruları ve Cevapları
• Bazı Zor Manuel Test Soruları ve Cevapları
• 25 En İyi Çevik Test Mülakat Soruları ve Cevapları
• Spock Mülakat Soruları ve Cevapları (En Popüler)