Bootstrap Utility Classes Customization Quiz Quiz

  1. Utility Class for Margin

    Which Bootstrap utility class would you use to add a margin-top of 3 (mt-3) to an element?

    1. mt-3
    2. margin-top-3
    3. mg-t-3
    4. mt3
    5. mar-top-3
  2. Changing Background Color

    If you want to change a card’s background color to dark using only utility classes, which class would you add?

    1. bg-dark
    2. background-dark
    3. bgGray
    4. bd-dark
    5. bk-dark
  3. Vertically Center with Flexbox

    What utility class should you use to vertically center items inside a flex container?

    1. align-items-center
    2. vertical-center
    3. flex-center
    4. align-center
    5. center-items
  4. Button Sizing

    Which utility class properly sets a button’s width to 100%?

    1. w-100
    2. btn-100
    3. button-full
    4. width-100
    5. w100
  5. Making Text Bold

    What Bootstrap class would you use to make text bold?

    1. fw-bold
    2. font-weight-bold
    3. bld-text
    4. text-bld
    5. bold-fw
  6. Hiding Elements on Small Screens

    Which utility class hides an element on screens smaller than the 'md' breakpoint?

    1. d-none d-md-block
    2. hidden-md
    3. d-hide-md
    4. display-none-md
    5. dn-md
  7. Text Color Utility

    What is the correct Bootstrap utility class for making text green?

    1. text-success
    2. txt-green
    3. text-green
    4. t-success
    5. txt-success
  8. Adding Padding Horizontally

    To add horizontal padding of 4 units, which class should you use?

    1. px-4
    2. ph-4
    3. pt-4
    4. p-h-4
    5. p-x4
  9. Rounding Corners

    Which class rounds the corners of an element as much as possible?

    1. rounded-pill
    2. border-round
    3. rounded-lg
    4. rnd-pill
    5. pill-rounded
  10. Uppercase Text Transformation

    If you want all letters in a paragraph to be uppercase using Bootstrap, which utility class would you use?

    1. text-uppercase
    2. txtUpper
    3. uppercase-txt
    4. text-upper-case
    5. txt-uppercase