Bootstrap 4 Single Page Website Bootstrap 4

Explore how you can build a single page website using Bootstrap 4 fully responsive website from scratch Bootstrap

  • (5.0) 0 students enrolled

Course Overview

Explore how you can create a fully responsive website from scratch using the Bootstrap framework.

Apply Bootstrap styling to create your website, select from competent and add to your projects.

The course the basics of Bootstrap 4 and commonly used Components.

Source Code is included so you can build a website just like the one in the course.

Step by step lessons covers

·         Basic HTML structure

·         Setup of Bootstrap for your web project

·         Adding navbar and making it toggle collapse for smaller screens

·         Linking and setting sections for navigation

·         Adding content to sections fixing top bar hidden content

·         Apply custom style for your website

·         Use of Grid Bootstrap

·         Use of Bootstrap Cards for content group

·         Slideshow and carousel setup with Bootstrap

·         Animation with jQuery

·         Use of Bootstrap scrollspy


Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

Bootstrap is an open-source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Taught by an instructor with many years of web development experience ready to help you learn more about Bootstrap and answer any questions you might have. 


When we learn something new, I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.


What are the requirements?

  • HTML
  • Basics of web design

What am I going to get from this course?

  • What Bootstrap 4 is and how to use it
  • Build a custom single page website from scratch
  • How to apply Boostrap to your website

What is the target audience?

  • Web developers
  • web designers
  • bootstrap learners
  • anyone who wants to learn bootstrap

About the Author

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today Google Developers Expert - GSuite Providing Web development courses and digital marketing strategy courses since 2002. Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses. "I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides." "Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge." Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real. "My courses are designed to help you achieve your goals, learn and update skills" Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. "Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

Course Curriculum

Introduction to creating a single page website with bootstrap 4
12 Document Lectures | 14 Video Lectures | 01:31:56

  • Introduction Single Page Website
  • Bootstrap Page Structure SetUp
  • Bootstrap Page Sections for Content
  • Source Code
    2 Page
  • NavBar Sticky Top Bootstrap 4
  • Source Code
    1 Page
  • Social Media Icons.
  • Source Code
    1 Page
  • Section Custom Styling
  • Source Code
    2 Page
  • About Card Deck Bootstrap
  • Source Code
    2 Page
  • Products Grid Layout
  • Source Code
    2 Page
  • Slideshow component Carousel
  • Source Code
    2 Page
  • Contact Form Bootstrap
  • Source Code
    1 Page
  • Footer Contents.
  • Source Code
    1 Page
  • Bootstrap ScrollSpy
  • Source Code
    9 Page
  • jQuery Smooth Scroll Animation.
  • Source Code
    1 Page
  • Website Code Review Bootstrap 4 single page website project
  • Complete Source Single Page Website
    10 Page


  • No reviews found