Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
How to Create a Website using Bootstrap 4
Rating: 4.4 out of 5(213 ratings)
12,583 students

How to Create a Website using Bootstrap 4

Create a multiple page website using Bootstrap
Created byLaurence Svekis
Last updated 11/2019
English

What you'll learn

  • How to apply Bootstrap 4
  • What Bootstrap 4 can do
  • How to rapidly build a modern website from scratch

Explore related topics

Course content

2 sections • 28 lectures • 2h 3m total length

  • Introduction to Building websites with Bootstrap1:56
  • Project Introduction2:09
  • Setup Bootstrap 4 Course Resources3:56
  • Create Bootstrap template4:22
  • Design Website Structure7:16
  • Setup NavBar Structure3:09

    Build a responsive navigation bar with Bootstrap by structuring a container, divs, and a collapsible section triggered by a hamburger button, using an ordered list of links including home.

  • Create a Responsive Navbar Bootstrap 49:29
  • Source Code0:23
  • Build image Background Section11:57
  • Source Code0:34
  • Bootstrap 4 Footer Structure6:33
  • Adding Font Awesome Icons5:43
  • Source Code0:45
  • Design Home Page4:48
  • Build Home Page10:37
  • Home Page Source Code1:08
  • Design Planning About Page4:27

    Plan and design the about page by aligning template changes across pages, updating the container and images, and creating a consistent, multi-image layout before building the page in the editor.

  • Bootstrap List and Grid About Page11:24

    Create an about page layout using Bootstrap 4 grid concepts, containers, rows, and columns, adding text, images with image-fluid, and list groups with Bootstrap utilities for color and spacing.

  • Source Code About Page1:22
  • Plan and Design Services Page3:07
  • Services Page using Cards7:00
  • Source Code Services Page1:36
  • Setup Contact Page Design4:40
  • Build Contact Form Bootstrap 48:34
  • Source Code Contact Form0:59
  • Multiple Page Bootstrap 4 Website review3:42
  • Resources0:18

Requirements

  • HTML experience
  • CSS experience

Description

See Bootstrap 4 in action and how you can use it to rapidly create amazing websites.

This course walks you through building a website from scratch using Bootstrap 4 framework.  Learn how to build responsive, mobile-first projects on the web with the world's most popular front-end component library.

Bootstrap gives you the ability to build modern fully responsive websites quickly.   Best of all Bootstrap is a free and open-source front-end web framework.  Its used by web developers for designing websites and web applications.  Unlike many web frameworks, it concerns itself with front-end development only.  Once you start using Bootstrap you will see how easy it to make your page structure look great.

Taught by an instructor with over 18 years of web development experience and over 4 years of Bootstrap website design and development experience.  Ready to help you learn Bootstrap and answer any questions you may have.

Join now and bring the awesome power of Bootstrap 4 into your web projects 

Build a multi-page modern fully responsive website from scratch source code is included.




Who this course is for:

  • Web designers
  • Web developers
  • Web masters
  • Anyone who wants to create website or web applications

Report abuse