Bootstrap Forms & Layout

Bootstrap 4    |    Beginner
  • 11 Videos | 1h 3m 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 of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

CHANNEL Wintellect Bootstrap
Likes 1 Likes 1  
COURSE Bootstrap Environment, Requirements, & Setup
Likes 62 Likes 62  
COURSE Version & Source Control: Working With Source Control Tools
Likes 14 Likes 14  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

COURSE JavaScript: Types, Operators, & Control Structures in JavaScript
Likes 126 Likes 126  
COURSE JavaScript: Getting Started with JavaScript Programming
Likes 296 Likes 296  
COURSE JavaScript Front-end Development: Fundamentals
Likes 103 Likes 103