Wednesday , November 20 2019

Home / Test Answer / UpWork Bootstrap Test Answer (Get top 20%)
UpWork Bootstrap Test Answer (Get top 20%)

UpWork Bootstrap Test Answer (Get top 20%)

UpWork Bootstrap Test Answer Very Important for the new freelancer. Upwork is one of the most popular freelancing websites in the world. Lots of Bootstrap jobs posted on Upwork every day. If you have good Knowledge bootstrap skills, you can do them Many jobs remotely. And you can increase your earning. We will help you to do that. Here we share some Bootstrap Test.

You Can Read More:

  • U.S English Spelling Test Answer-2019
  • Upwork Readiness Test Answer-2019
  • Upwork HTML5 Test Answer
  • WordPress Test Answer 2019 | 94% Marks
  • Buy WOMEN COWBOY JEANS

    1. Which question allow you to close the modal window by pressing the ESC key?

    • Setting the option “backdrop” to true
    • Setting the option “backdrop” to static
    • Setting the option “keyboard” to true
    • Setting the option “escape” to true
  • 2. Which dynamic style sheet language is supported for Bootstrap?

    • Less
    • Sass
    • Both of the above
    • None of the above
  • 3. Is it possible to disable zooming on mobile devices while using Bootstrap?

    • No, bootstrap is mobile-first and mobile sites must have ability to zoom in or out
    • Yes, but you must have enabled JS and add `data-zoom=»off»` on body tag
    • Zoom will be disabled only if ‘width=device-width’ is in meta tag with ‘name=”viewport”‘
    • Zoom will be disabled only if ‘initial-scale=1, maximum-scale=1’ is in meta tag with ‘name=”viewport”‘
  • 4. Is it possible to change table’s outline color using provided Less variables?

    • No, because it’s not possible to change Less configuration. It’s used only by core Bootstrap developers.
    • Yes, using ‘table-border-color’ variable
    • Yes, using ‘table-outline-color’ variable
    • Not possible
  • 5. Which bootstrap style is used to create a .navbar that scrolls with the page?

    • .navbar-static-top
    • .navbar-fixed
    • .navbar-fixed-top
    • None of the above.
  • 6. What is default grid float breakpoint set by Bootstrap?

    • 568px
    • 668px
    • 768px
    • 468px
  • 7. which options allow you to activate tab? (Choose all that apply)

    • $(‘#myTab li.eq(2) a’).tab(‘show’);)
    • $(‘#myTab a:first’).tab(‘show’);
    • $(‘#myTab a:last’).tab(‘show’);
    • $(‘#myTab a[href=”#portfolio”]’).tab(‘show’);
    • $(‘#myTab li.eq(#), a’).tab(‘show’);)

    Note: There may be more than one right answer

  • 8. The default Bootstrap grid system utilizes ___ columns.

    • 6
    • 9
    • 12
    • 16
  • 9. Which of the following should be included inside the head of an html document for proper rendering and touch zooming?

    • None of above
  • 10. Which button class is used to create a large button?

    • .btn-lg
    • .btn-large
    • .btn-l
    • .btn-xl
  • 11. A standard navigation bar is created with:

    • < nav class=”navigationbar navbar-default” >
    • < nav class=”nav navbar” >
    • < nav class=”navbar default-navbar” >
    • < nav class=”navbar navbar-default” >
  • 12. Which of the following LESS variables can be used to define your own number of columns in the grid?

    • @grid-columns
    • @bootstrap-columns
    • @default-columns
    • @boostrap-grid
  • 13. The following event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab respectively?

    • $('a[data-toggle="tab"]').on('opened.bs.tab', function(e){
      	e.target
      	e.relatedTarget
      });
      
    • $('a[data-toggle="tab"]').on('open.bs.tab', function(e){
      	e.target
      	e.relatedTarget
      });
      
    • $('a[data-toggle="tab"]').on('show.bs.tab', function(e){
      	e.target
      	e.relatedTarget
      });
      
    • $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
      	e.target
      	e.relatedTarget
      });
      
  • 14. Is it possible to hide something from print view just using Bootstrap CSS classes?

    • No, JavaScript plugins are needed to hide elements before sending view to printer.
    • Yes
    • Yes, just add `visible-print` class to html element
    • No
  • 15. What CSS class is needed to display form inputs one after the other in single row?

    • ‘form-inline-mobile’ if viewport is smaller than 768px in width
    • ‘form-inline’ if viewport is at least 768px wide
    • ‘form-inline-desktop’ if viewport is at least 768px wide
    • ‘form-as-row’ if viewport is at least 768px wide
    • ‘form-in-row’ if viewport is at least 768px wide
    • Can’t be done because Bootstrap is mobile first and on mobile form elements are displayed in columns
  • 16. Which class adds a heading to a panel?

    • .panel-header
    • .panel-footer
    • .panel-head
    • .panel-heading
  • 17. Which class indicates uppercased text?

    • .text-capitalize
    • .ucase
    • .text-uppercase
    • .uppercase
  • 18. What are mixins?

    • Mixins allow document authors to define patterns of property value pairs, which can then be reused in other rulesets.
    • Mixins are Bootstrap plugins
    • Mixins are used in CSS to define the different background effect
    • None of the above
  • 19. The following event is fixed when the carousel its slide transition:

    • $('#identifier').collapse({
      	toggle: false
      });
      
    • $('#identifier').on('hidden.bs.collapse', function(){
      	// do something...
      });
      
    • $('#identifier').on('slide.bs.collapse', function(){
      	// do something...
      });
      
    • $('#identifier').on('slid.bs.collapse', function(){
      	// do something...
      });
      
  • 20. What is the correct way to center align text inside the paragraph?

    • < p class=”text-center” >Center aligned text.< /p >
    • < p class=”align-text-center” >Center aligned text.< /p >
    • < p class=”center” >Center aligned text.< /p >
    • < p class=”centrify” >Center aligned text.< /p >
  • 21. Which of the following meta tags is important to ensure proper rendering and touch zooming?

    • < meta content=”text” >
    • < meta name=”viewport” content=”width=device-width, initial-scale=1″ >
    • < meta charset=”utf-8″ >
    • < meta http-equiv=”refresh” content=”30″ >
  • 22. How are striped rows the table using bootstrap classes to support IE8+, Chrome, Firefox and Safari made?

    • By adding .table class to < table >
    • By adding .table class and .table-striped to < table >
    • By adding .table-striped class to < table >
    • Not possible
  • 23. A standard navigation tab is created with:

    • < nav class=”nav tabs” >
    • < nav class=”navigation-tabs” >
    • < nav class=”nav nav-navbar” >
    • < nav class=”nav nav-tabs” >
  • 24. Which of the following LESS variables does not exist?

    • @placeholderText
    • @inputDisabledBackground
    • @inputBorderColor
    • @inputBorder
  • 25. Which plugin is used to cycle through elements, like a slideshow?

    • Orbit
    • Scrollspy
    • Slideshow
    • Carousel
  • 26. What media queries breakpoints are available as Less options to make better UI for mobile devices? (choose all that apply)

    • width-medium
    • media-query-mobile
    • screen-xs
    • screen-phone
    • small-up
    • None of these

    Note: There may be more than one right answer.

  • 27. Which of the following is not a Bootstrap plugin?

    • Tab
    • Tooltip
    • Popover
    • Menubox
  • 28. Which of the following are available classes for containers in Bootstrap 3? Check all that apply.

    • container-large
    • container
    • container-fluid
    • container-small

    Note: There may be more than one right answer.

  • 29. Which of the following bootstrap classes can be used to create navigation bar?

    • .navbar .navbar-default
    • .navigation-bar .navigation-bar-default
    • .nb .nb-default
    • None of the above
  • 30. Which of the following LESS variables related for buttons?

    • @btnFailBackground
    • @btnDangerBackground
    • @btnInfoColor
    • @btnDangerColor
  • 31. Which of the following can be used to call a dialog?

    • $(‘#myModal’).execute();
    • $(‘#myModal’).modal();
    • $(‘#myModal’).showModal();
    • $(‘#myModal’).show-modal();
  • 32. Which code can be used to produce sticky footer?

    • < div class=”footer” >
    • < div class=”footer sticked” >
    • < div class=”footer navbar-fixed” >
    • < div class=”footer navbar-fixed-bottom” >
  • 33. How can you insert a search icon?

    • < span class=”glyphicon glyphicon-search” >< /span >
    • < span class=”glyph glyph-search” >< /span >
    • < span class=”glyphicon-search” >< /span >
    • < span class=”glyphicon search” >< /span >
  • 34. Which of the following is the correct way to do the pagination with Bootstrap?

    • < nav aria-label="Page navigation" >
      	< ul class="pagination" >
      		< li >< a href="#" >1< /a >< /li >
      		< li >< a href="#" >2< /a >< /li >
      		< li >< a href="#" >3< /a >< /li >
      		< li >< a href="#" >4< /a >< /li >
      		< li >< a href="#" >5< /a >< /li >
      	< /ul >
      < /nav >
      
    • < nav aria-label="Page navigation" >
      	< ul class="pagination" >
      		< p >< a href="#" >1< /a >< /p >
      		< p >< a href="#" >2< /a >< /p >
      		< p >< a href="#" >3< /a >< /p >
      		< p >< a href="#" >4< /a >< /p >
      		< p >< a href="#" >5< /a >< /p >
      	< /ul >
      < /nav >
      
    • < nav aria-label="Page navigation" >
      	< ul class="pagination" >
      		< i >< a href="#" >1< /a >< /i >
      		< i >< a href="#" >2< /a >< /i >
      		< i >< a href="#" >3< /a >< /i >
      		< i >< a href="#" >4< /a >< /i >
      		< i >< a href="#" >5< /a >< /i >
      	< /ul >
      < /nav >
      
    • None of the above

    Note: There may be more than one right answer.

  • 35. Which contextual class indicates a successful or positive action?

    • .text-success
    • .text-info
    • .text-warning
    • .text-primary
  • 36. Which of the following variables is not available for changing the default settings using LESS?

    • @body-bg
    • @text-color
    • @base-color
    • @link-color
  • 37. How many methods scrollspy plugin has?

    • 1
    • 2
    • 3
    • 4
  • 38. What is the default gutter width set by Bootstrap?

    • 30px
    • 20px
    • 15px
    • None of the above
  • 39. What will happen if sr-only class is added to some div element?

    • div will be visible only for small resolution devices
    • div will be visible only for screen readers
    • div will slide only to right side
    • div will only stay on right side of screen
  • 40. Which of the following button classes do not exist?

    • .btn-default
    • .btn-primary
    • .btn-secondary
    • .btn-warning
    • .btn-error

     

Check Also

CCleaner 5.62.7538 Final Full Version

CCleaner 5.62.7538 Final Full Version

CCleaner 5.62.7538 final full model is the ultra-modern software of CCleaner which can be used …

Leave a Reply

Translate »