Bootstrap Forms & Layout

Bootstrap 4    |    Beginner
  • 11 videos | 58m 43s
  • Includes Assessment
  • Earns a Badge
Likes 43 Likes 43
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

  • Playable
    1. 
    Basic Form Layout and Controls
    3m 36s
    UP NEXT
  • Playable
    2. 
    Form Inputs
    7m 11s
  • Locked
    3. 
    Lists
    4m 19s
    FREE ACCESS
  • Locked
    4. 
    Radio Buttons and Checkboxes
    5m 36s
    FREE ACCESS
  • Locked
    5. 
    Form State and Buttons
    5m 24s
    FREE ACCESS
  • Locked
    6. 
    Bootstrap Images and Utilities
    5m 29s
    FREE ACCESS
  • Locked
    7. 
    Utilities for Positioning and Responsiveness
    4m 16s
    FREE ACCESS
  • Locked
    8. 
    Bootstrap Glyphicons
    6m 19s
    FREE ACCESS
  • Locked
    9. 
    Button Groups
    6m 4s
    FREE ACCESS
  • Locked
    10. 
    Input Groups
    4m 49s
    FREE ACCESS
  • Locked
    11. 
    Exercise: Build a Contact Us Form
    5m 39s
    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

Channel Bootstrap
Likes 45 Likes 45  
Course Web Apps with web2py: Working with Prebuilt Bootstrap Templates
Book HTML5 and CSS3 Masterclass: In-depth Web Design Training with Geolocation, the HTML5 Canvas, 2D and 3D CSS Transformations, Flexbox, CSS Grid, and More

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Whole Page Controls & Extending Bootstrap
Likes 39 Likes 39  
Course JavaScript Rules, Functions, & HTML Elements
Likes 130 Likes 130  
Course JavaScript: Types, Operators, & Control Structures in JavaScript
Likes 369 Likes 369