Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 4 For Everyone
Rating: 4.5 out of 5(48 ratings)
3,333 students

Bootstrap 4 For Everyone

Learn The Latest Version Of Bootstrap 4 From Start To Finish And Build 3 Website Projects. Become A FrontEnd Hero Today!
Created byJohn Elder
Last updated 11/2023
English
English [Auto],

What you'll learn

  • Install and Use the Bootstrap CSS Framework
  • Understand the Major Bootstrap Components
  • Understand The Bootstrap Grid System
  • Use Bootstrap Utilities
  • Use and Modify The Free Bootstrap Website Themes
  • Build Amazing Websites Quickly and Easily with Bootstrap

Course content

3 sections • 47 lectures • 4h 13m total length

  • Introduction3:10

    Begin by setting up a text editor, install Bootstrap, and explore Bootstrap 4 components, layouts, rows, columns, and containers for a sample site.

  • First Things First: How To Get Support Fast!0:09

    Check out my student Facebook Group...

    It's a great place to get fast support for this course from me, to interact with other students, to post your projects and code, and to access course announcements and extras...

    Join Now!

    https://www.facebook.com/groups/codemycom/

  • Website Overview4:02
  • Install Bootstrap via CDN6:40

    Link Bootstrap via a content delivery network by including the css and three javascript files, and use the starter template with the viewport tag and doctype for mobile-first design.

  • Download and Install Bootstrap Locally7:50
  • Typography7:21

    Explore bootstrap typography by using header tags and h1 variants, display headings, and inline elements like mark, del, em, small, strong, and text alignment.

  • Code, Images, and Tables8:35
  • Navbars8:24
  • Alerts7:38
  • Badges4:53
  • Breadcrumbs5:06

    Learn how to implement breadcrumbs in Bootstrap 4, using an ordered list with the breadcrumb class and breadcrumb-item elements, including an active non-link item to show the current page.

  • Buttons6:07

    Learn to implement bootstrap 4 buttons with color variants (primary to dark), outline styles, sizes (lg, sm), block level, active and disabled states, and basic button groups.

  • Cards10:31
  • Carousel5:59
  • Collapse4:51

    Explore Bootstrap collapse and accordion components, using cards and data toggle collapse with JavaScript to create simple, interactive, collapsible sections.

  • Dropdowns7:20

    Explore bootstrap 4 dropdowns, including the toggle, menu, items, and options like split buttons, alignment, active and disabled states, dividers, offset, and directional placements.

  • Forms7:38

    Explore how Bootstrap 4 forms are built and styled, including form tags, form groups, and form controls, with layouts inside containers and grid systems, plus validation and input groups.

  • Input Groups1:06
  • Jumbotrons4:15

    Demonstrate how jumbotrons in Bootstrap 4 for everyone create attention-grabbing blocks with lead text, buttons, and dividers, and compare regular versus fluid jumbotrons for responsive layouts.

  • List Groups4:59
  • Modals5:19
  • Navs6:07

    Learn how to implement bootstrap navs using nav bars, nav items and links, with active or disabled states, tabs, pills, and dropdowns in horizontal or vertical layouts.

  • Pagination4:45
  • Popovers2:34

    Learn how to use bootstrap 4 popovers, a simple alternative to modals, by attaching a data-toggle popover with a title and content and controlling placement (top, right, bottom, left).

  • Progress Bars4:02
  • Tooltips2:18

Requirements

  • No programming skills or special tools are necessary to take this course
  • You just need a computer with Internet access and a Web Browser
  • We'll Download a Free Coding Text Editor Called Sublime Text
  • We'll Download Bootstrap For Free As Well
  • Knowledge Of HTML Would Be Useful but not Necessary
  • You Don't Need To Know CSS To Take This Course

Description

There's a reason why Bootstrap is the MOST popular CSS Framework in the world, used by millions of websites all over the world!

The reason...it's easy! 

Bootstrap 4 allows you to build amazing looking websites quickly and easily, sometimes as easy as drag and drop! 

HTML and CSS are the fundamental building block of the Internet. Using a frontend web framework like Bootstrap can cut your web development time down drastically! 

In this course I'll show you how to use Bootstrap 4.1.1 from start to finish.  You don't need any special skills or knowledge to start building great looking websites in minutes.

We'll start out learning how to install and start using Bootstrap. Then we'll learn about all of the Bootstrap Components. After that we'll learn how to position things on a webpage using the Bootstrap grid system. Then we'll learn how to use the Bootstrap Utilities.

Finally, we'll build three websites using free templates that come with bootstrap. The first is a cool photo album website, the second is a simple one page landing page site, and the last one is a cool blog/business website template.

Aimed at the absolute beginner, this course is great for front end developers, back end developers, or even just hobbyists who want to learn to build cool websites!

See you inside!

-John Elder

CEO Codemy. com



Who this course is for:

  • This course is built for absolute beginners who want to learn to build websites with Bootstrap
  • Front End Developers Who Want To Learn Bootstrap
  • Back End Developers Who Want To Learn Bootstrap
  • Anyone Who Wants To Learn Bootstrap 4

Report abuse