Bootstrap Forms & Layout

Bootstrap 4    |    Beginner
  • 11 videos | 58m 43s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 80 users Rating 4.6 of 80 users (80)
HTML forms and page layout are typical Bootstrap tasks. During this course, you will explore the world of Bootstrap, such as basic interactivity and layout across platforms and devices. You'll look at form inputs, lists, radio buttons, and checkboxes. Control the state of a form and its controls. Change the border of an image and implement a utility. Examine utility classes that control positioning and responsiveness. Demonstrate iconic fonts usage. Group buttons for special effect. Prepend and append text or buttons to text-based input. As a review exercise, you will use Bootstrap components to build a simple form.

WHAT YOU WILL LEARN

  • Build a form using bootstrap
    Outline the input types that bootstrap supports
    Configure a drop-down list box
    Work with radio buttons and checkboxes
    Control the state of a form and its controls
    Change the border of an image and implement a utility
  • Examine utility classes that control positioning and responsiveness
    Demonstrate the use of iconic fonts
    Group buttons for special effect
    Prepend and append text or buttons to text-based input
    Use bootstrap components to build a simple form

IN THIS COURSE

  • 3m 36s
    In this video, you will build a form using Bootstrap. FREE ACCESS
  • 7m 11s
    In this video, learn how to outline the input types that Bootstrap supports. FREE ACCESS
  • Locked
    3.  Lists
    4m 19s
    Find out how to configure a drop-down list. FREE ACCESS
  • Locked
    4.  Radio Buttons and Checkboxes
    5m 36s
    During this video, you will learn how to work with radio buttons and checkboxes. FREE ACCESS
  • Locked
    5.  Form State and Buttons
    5m 24s
    In this video, you will learn how to control the state of a form and its controls. FREE ACCESS
  • Locked
    6.  Bootstrap Images and Utilities
    5m 29s
    During this video, you will learn how to change the border of an image and use a utility. FREE ACCESS
  • Locked
    7.  Utilities for Positioning and Responsiveness
    4m 16s
    In this video, you will learn how to examine utility classes that control positioning and responsiveness. FREE ACCESS
  • Locked
    8.  Bootstrap Glyphicons
    6m 19s
    Find out how to use iconic fonts. FREE ACCESS
  • Locked
    9.  Button Groups
    6m 4s
    In this video, you will learn how to group buttons for a special effect. FREE ACCESS
  • Locked
    10.  Input Groups
    4m 49s
    In this video, you will learn how to prepend and append text or buttons to text-based input. FREE ACCESS
  • Locked
    11.  Exercise: Build a Contact Us Form
    5m 39s
    In this video, you will learn how to use Bootstrap components to build a simple form. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Journey Creating Styled and Responsive Sites
Course Software Design and Development: Design Patterns & SOLID Principles
Rating 4.3 of 86 users Rating 4.3 of 86 users (86)
Course Web Apps with web2py: Working with Prebuilt Bootstrap Templates
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course JavaScript: Getting Started with JavaScript Programming
Rating 4.6 of 473 users Rating 4.6 of 473 users (473)
Course JavaScript: Working with the DOM & Events
Rating 4.6 of 64 users Rating 4.6 of 64 users (64)
Course Common Widgets & Animation
Rating 4.6 of 56 users Rating 4.6 of 56 users (56)