Whole Page Controls & Extending Bootstrap

Bootstrap 4    |    Beginner
  • 11 videos | 1h 12m 37s
  • Includes Assessment
  • Earns a Badge
Likes 39 Likes 39
Discover how to use controls and prepare helper classes to design the look and feel of a web page. During thiis course, you will learn how to customize the various navigation tools and other components that make presentations look professional. You will look at navigation by tab, pills, and DDL. Study the Navbar, breadcrumbs, pagination, panels, labels, headers, Jumbotrons, and wells. Add plugins and view examples. See how to program JavaScript to respond to various web page events. Finally, as a review exercise, you will use navigational components to build a navigation menu.

WHAT YOU WILL LEARN

  • implement navigation and tweak format
    utilize the navbar with text, links, and orientation
    build a navigational theme using breadcrumbs
    handle pagination like other interface elements
    prepare a container to hold DOM components
    use modifier classes to place labels on the page
  • create emphasis with built-in Bootstrap
    enhance the basic library with third-party plugins
    demonstrate two typical plugins
    respond to various events on a web page
    implement navigational components into a web page

IN THIS COURSE

  • 6m 33s
    In this video, find out how to implement navigation and tweak the format. FREE ACCESS
  • 5m 24s
    During this video, you will learn how to use the navbar with text, links, and orientation. FREE ACCESS
  • Locked
    3.  Breadcrumbs
    5m 17s
    Find out how to build a navigational theme using breadcrumbs. FREE ACCESS
  • Locked
    4.  Pagination
    6m 23s
    In this video, learn how to handle pagination just like other interface elements. FREE ACCESS
  • Locked
    5.  Panels
    8m 34s
    In this video, you will learn how to prepare a container to hold DOM components. FREE ACCESS
  • Locked
    6.  Labels
    7m 27s
    During this video, you will learn how to use modifier classes to position labels on the page. FREE ACCESS
  • Locked
    7.  Headers, Jumbotrons, and Wells
    5m 30s
    Learn how to create emphasis with the built-in Bootstrap features. FREE ACCESS
  • Locked
    8.  Adding Plugins
    6m 51s
    In this video, you will learn how to enhance the basic library by adding third-party plugins. FREE ACCESS
  • Locked
    9.  Plugin Examples
    6m 27s
    In this video, find out how to apply two typical plugins. FREE ACCESS
  • Locked
    10.  Events
    8m 22s
    Find out how to respond to various events on a web page. FREE ACCESS
  • Locked
    11.  Exercise: Build a Navigation Menu
    5m 48s
    Find out how to implement navigational components into a web page. 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

Book Pro Angular: Build Powerful and Dynamic Web Apps, Fifth Edition
Channel Bootstrap
Likes 46 Likes 46  
Course Web Apps with web2py: Working with Prebuilt Bootstrap Templates

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Getting Started & Manipulating Elements
Likes 68 Likes 68  
Course JavaScript: Working with the DOM & Events
Likes 103 Likes 103  
Course JavaScript: Types, Operators, & Control Structures in JavaScript
Likes 369 Likes 369