30% OFF - Use code HANDSON30 for 30% off any course or Dometrain Pro! Browse courses →
  • Courses
  • Learning Paths
  • Blogs
  • Authors
  • Leaderboard
  • Dometrain Pro
  • Shopping Basket

    Your basket is empty

  • Business Portal
  • From Zero to Hero: Bootstrap

    Build beautiful web applications and UIs using the popular Bootstrap library.

    About This Course

    Bootstrap is one of the most popular web UI libraries out there, and for good reason. It makes it extremely easy to design beautiful UIs with classes that encapsulate behaviour that you'd normally have to write and design meticulously by hand. If you've opened your browser today, at least one of the websites you visited was likely built using Bootstrap. Whether you are a front-end developer who is just getting started or trying to master it, or you're a backend engineer who needs to build a beautiful UI, Bootstrap will be a great tool in your toolbox. In this course, Jill Gundersen will teach you everything you need to know to master Bootstrap and build amazing UIs for your apps.

    Course Curriculum

    3h 15m 10 sections
    Welcome
    00:23 Free preview
    What will you learn in this course?
    00:25 Free preview
    Who is the course for and prerequisites
    00:28 Free preview
    Basics of CSS
    02:34
    CSS Frameworks
    01:27
    Installing Bootstrap
    01:08
    Basic Components
    08:15
    Components Using a List Tag
    11:50
    Card
    05:34
    Progress
    05:36
    Helper Classes
    06:20
    Table Basics
    01:59
    Table Extras
    03:34
    Table Colors
    01:53
    Form Basics
    04:46
    Form Checkboxes & Radios
    03:48
    Form Extras
    03:32
    Form Validation
    03:38
    What are they?
    00:44
    Text
    08:29
    Colors
    11:03
    Borders
    07:21
    Layout
    08:28
    Random Classes
    03:47
    JavaScript & Bootstrap
    01:40
    Collapse
    02:22
    Accordion
    05:10
    Modal
    06:38
    Offcanvas
    06:48
    Dropdown
    08:45
    Navbar
    09:01
    Container
    03:51
    Grid (Flexbox)
    04:18
    Simple Layout
    05:02
    Bootstrap Source Files
    05:40
    Customize Environment
    03:45
    Sass Basics
    05:39
    Customizing Bootstrap
    03:42
    Customized Component
    03:29
    Changing Theme Colors
    02:37
    Bootstrap Themes
    04:41
    Custom Themes
    04:07
    Conclusion
    00:26

    Meet Your Instructor

    Jill Gundersen

    Jill Gundersen

    Jill is a freelance software developer who works on all things technical and loves it. Her main development focus has been on web applications utilizing Microsoft technologies or the LAMP stack depending on her client's needs. Jill enjoyed her time teaching at the local college, but now is focused on teaching students via her Dometrain courses.

    View all courses by Jill Gundersen

    What's New

    Getting Started: Model Context Protocol (MCP)
    course

    Getting Started: Model Context Protocol (MCP)

    Learn how to get started with the Model Context Protocol (MCP) and integrate it into your applications.

    Learn more about Getting Started: Model Context Protocol (MCP)
    Hands-On: Learn TypeScript
    course

    Hands-On: Learn TypeScript

    Learn TypeScript through hands-on coding exercises. Practice what you learn with interactive challenges designed for every level.

    Learn more about Hands-On: Learn TypeScript
    Hands-On: Learn JavaScript
    course

    Hands-On: Learn JavaScript

    Learn JavaScript through hands-on coding exercises. Practice what you learn with interactive challenges designed for every level.

    Learn more about Hands-On: Learn JavaScript
    Hands-On: Data Structures & Algorithms in C#
    course

    Hands-On: Data Structures & Algorithms in C#

    Master data structures and algorithms through hands-on coding exercises in C#. Free to enroll for 7 days!

    Learn more about Hands-On: Data Structures & Algorithms in C#
    Blogsmith.ai
    feature

    Blogsmith.ai

    Turn your videos into blogs and newsletters with AI. Check out our new product at blogsmith.ai.

    Learn more about Blogsmith.ai
    Leaderboard
    feature

    Leaderboard

    See how you stack up against other learners. Track your progress, climb the ranks, and compete with the Dometrain community.

    Learn more about Leaderboard
    Hands-On: Learn PostgreSQL
    course

    Hands-On: Learn PostgreSQL

    Learn PostgreSQL through hands-on coding exercises. Practice what you learn with interactive challenges designed for every level.

    Learn more about Hands-On: Learn PostgreSQL
    Free Hands-On: C# for Beginners
    course

    Free Hands-On: C# for Beginners

    Learn C# through hands-on coding exercises. Practice what you learn with interactive challenges designed for everyone, from beginners to experts.

    Learn more about Free Hands-On: C# for Beginners
    Getting Started: AI for .NET Developers
    course

    Getting Started: AI for .NET Developers

    Get started with integrating AI into your .NET applications effectively using the latest LLM best practices.

    Learn more about Getting Started: AI for .NET Developers
    Getting Started: Building .NET Applications on AWS
    course

    Getting Started: Building .NET Applications on AWS

    Learn how to build and deploy .NET applications on AWS using CDK, Lambda, DynamoDB, S3, and more.

    Learn more about Getting Started: Building .NET Applications on AWS
    What's new in C# 14
    blog

    What's new in C# 14

    This guide covers every new C# 14 feature, explains its benefits, and provides practical code examples to help you navigate how you can use them.

    Learn more about What's new in C# 14
    Let's Build It: AI Chatbot with RAG in .NET Using Your Data
    course

    Let's Build It: AI Chatbot with RAG in .NET Using Your Data

    Build a Retrieval-Augmented Generation (RAG) chatbot that can answer questions using your data.

    Learn more about Let's Build It: AI Chatbot with RAG in .NET Using Your Data
    From Zero to Hero: SignalR in .NET
    course

    From Zero to Hero: SignalR in .NET

    Enable enterprise-grade real-time communication for your web apps with SignalR.

    Learn more about From Zero to Hero: SignalR in .NET
    Deep Dive: Solution Architecture
    course

    Deep Dive: Solution Architecture

    Master solution architecture and turn business needs into scalable, maintainable systems.

    Learn more about Deep Dive: Solution Architecture
    Migrating: ASP.NET Web APIs to ASP.NET Core
    course

    Migrating: ASP.NET Web APIs to ASP.NET Core

    A step-by-step process to migrate ASP.NET Web APIs from .NET Framework to ASP.NET Core.

    Learn more about Migrating: ASP.NET Web APIs to ASP.NET Core
    Getting Started: Caching in .NET
    course

    Getting Started: Caching in .NET

    Let's make the hardest thing in programming easy for .NET software engineers.

    Learn more about Getting Started: Caching in .NET
    From Zero to Hero: Testing with xUnit in C#
    course

    From Zero to Hero: Testing with xUnit in C#

    Learn how to test any codebase in .NET with the latest version of xUnit, the industry-standard testing library.

    Learn more about From Zero to Hero: Testing with xUnit in C#
    Create a ChatGPT Console AI Chatbot in C#
    blog

    Create a ChatGPT Console AI Chatbot in C#

    This walkthrough is your hands-on entry point to create a basic C# console application that talks to ChatGPT using the OpenAI API.

    Learn more about Create a ChatGPT Console AI Chatbot in C#