Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Building Websites Learn Bootstrap for Rapid Web Development
Rating: 4.0 out of 5(126 ratings)
13,367 students

Building Websites Learn Bootstrap for Rapid Web Development

Learn how to add Bootstrap classes to create amazing Bootstrap effects responsive web projects and rapid modern websites
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • create website using Bootstrap
  • add Bootstrap classes to rapidly develop websites
  • utilise modern web development
  • create responsive modern websites

Course content

2 sections • 38 lectures • 2h 40m total length

  • Introduction to Bootstrap3:16
  • What is Bootstrap and how do you use it11:47
  • Updated Bootstrap 4 Beta0:47
  • Bootstrap Containers6:26
  • Basic Bootstrap Template0:10
  • Bootstrap Grid System10:22
  • Grid System Source code0:18
  • How to practice and learn the Bootstrap Grid4:20

    Practice bootstrap grid to master breakpoints and responsive layouts with xs, sm, md, lg, and xl classes. Test changes in CodePen, compare Bootstrap with Foundation, observe column behavior on resize.

  • Bootstrap Containers Jumbotron6:14

    Discover how Bootstrap's jumbotron uses the jumbotron class with responsive md layouts, padding, margins, and borders. Review themes and color schemes, buttons, and copyable source code for quick prototyping.

  • Source Files Jumbotron0:16
  • Bootstrap typography5:54
  • Source code typography0:16
  • Amazing Bootstrap Table stlying options8:51
  • Bootstrap Table source0:19
  • Bootstrap Form inputs8:58

    Explore Bootstrap forms and learn to structure inputs with form groups, apply form-control styling, and implement text, password, file inputs, and inline radio options with labels and legends.

  • Button options with Bootstrap11:23

    Learn bootstrap button options and transform any element into a button with classes, colors, and sizes. Explore grouping, block layouts, outline styles, and active states for better user experience.

  • Button Source Code0:39
  • Typography options3:43
  • Source Code Practice Typography0:21
  • Bootstrap images and alignments6:29
  • Images Source Code0:19
  • Bootstrap Alerts8:47

    Learn to implement Bootstrap alerts for success, info, warning, and danger messages, convert any element with the alert class, and enable dismissible alerts with jQuery.

  • Source Code Alerts0:23
  • Bootstrap Navbar8:05

    Explore building a responsive navbar with Bootstrap 4, comparing it to Bootstrap 3, and customize colors, alignment, and accessibility roles to create a fixed, full-width navigation bar.

  • Responsive Navbar Bootstrap9:36

    Build a responsive navbar with Bootstrap 4 by adding a collapsible content area and a toggle button, wiring it with the collapse class and data attributes to control visibility.

  • NavBar Source Bootstrap0:37
  • Carousel image slider with Bootstrap12:40

    Learn to build a Bootstrap carousel that flips through images with indicators and navigation controls, using Bootstrap 4, jQuery, and CodePen.

  • Bootstrap Carousel indicators3:28
  • Carousel Source Code0:28
  • Buidling a modal within Bootstrap9:37

    Learn to build bootstrap modals triggered by a button using data-toggle and data-target. Create a modal with header, body, and footer and implement a close control with data-dismiss.

  • Creating a Modal Complete2:37
  • Modal Source Code0:19
  • Bootstrap Utility classes6:41

    Explore bootstrap utility classes to quickly style text, spacing, alignment, and colors, including text justify, no wrap, text transform (uppercase, lowercase, capitalized), font weight, and floating text for responsive layouts.

  • Source Code Bootstrap Utility classes0:55
  • Bootstrap Conclusion Resources4:06

    Explore bootstrap resources, from the Get Bootstrap dot com site and bootstrap three to four updates, to themes, layoutit drag-and-drop tools, and community editors like bootply and swatch codepen.

  • Bootstrap Resourses

Requirements

  • desire to learn
  • basics of HTML and CSS
  • computer access

Description

Explore why Bootstrap is the most popular Front end framework being used online today.   Bootstrap helps you create amazing fully responsive websites quickly.

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. This course will help you learn to use Bootstrap within your web projects for more rapid development.  Explorer how you can use CSS classes, within your HTML to bring Bootstrap functionality.

Learn about adding Bootstrap typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions to your web projects.  Bootstrap is all about front-end development only and it delivers. 

Bootstrap is designed for everyone, everywhere. Once you start using it you will see why its the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.   Bootstrap makes front-end web development faster and easier. 

Bootstrap is ready for all skill levels and ready for anyone.  Your websites and projects of all sizes will work across multiple screens sizes perfectly with Bootstrap

This course has what you need to learn about Bootstrap.  Get to know Bootstrap

  • HD quality Videos
  • Instructor with over 18 years Real world experience
  • Top links and Resources
  • Source Code included
  • and much more

I'm ready to help you learn about Bootstrap, and happy to answer any questions you may have. Want to know more about Bootstrap, join the course and start seeing what you can do with Bootstrap.

Who this course is for:

  • web developers and designers
  • anyone who wants to learn more about modern web design
  • anyone who wants to build responsive websites

Report abuse