Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn Bootstrap Basics Fast
514 students

Learn Bootstrap Basics Fast

Learn Bootstrap Basics Fast with this course
Created byGoh Ming Hui
Last updated 8/2018
English

What you'll learn

  • Develop their own website with Bootstrap

Course content

1 section24 lectures1h 29m total length
  • Getting Started2:38

    Start Bootstrap basics by learning how to download and install the necessary tools, follow the on-screen setup, and recognize common programming languages referenced in the caption.

  • Embed Bootstrap in HTML2:47

    Embed bootstrap in html by copying styling into your page and applying body and CSS snippets. Follow simple instructions to copy templates and components to implement bootstrap quickly.

  • Bootstrap Grid System8:19

    Master the Bootstrap grid system to build responsive pages with containers, rows, and columns, using breakpoints like sm, md, and lg, plus offsets and ordering.

  • Bootstrap Grid System 21:13

    Learn the Bootstrap grid system to build responsive layouts that adapt to multiple devices by organizing content into divisions and using color.

  • Bootstrap Headings2:28

    Explore Bootstrap headings and apply different heading sizes and subheadings using css within Bootstrap, highlighting how style differences affect layout and typography.

  • Bootstrap Text1:16

    Master bootstrap text basics by practicing simple alignment and centering techniques, with easy left and right layout tweaks, saving changes, and running previews.

  • Bootstrap Text 21:41

    Explore Bootstrap text basics and color options, and understand how warnings and danger styling influence layout and readability in Bootstrap-powered pages.

  • Bootstrap Text 31:08

    Use bootstrap to create aggregation and explore abbreviation handling for DML in a mock-up language.

  • Bootstrap Text 44:01

    Explore Bootstrap text techniques to format addresses, post codes, and emails, manage line breaks and abbreviations, and cleanly render web addresses.

  • Bootstrap Tables4:59

    Learn bootstrap basics by creating a table with header, body, and columns, then apply bootstrap table styles and switch to a bordered version to preview changes.

  • Bootstrap Forms5:14

    Design and demo bootstrap forms using a form group and form controls, set required fields like name, cost, and email, and customize with bootstrap styles.

  • Bootstrap Buttons3:29

    Learn how to create Bootstrap buttons, switch them to success or danger, and adjust their sizes from small to large for flexible design.

  • Bootstrap Buttons 21:12

    Practice editing and saving an essay, making changes across a cross section, and running alpha-level steps in a playful workflow.

  • Bootstrap Icons1:45

    Learn to create our own icons and how to use icons in practice, with examples of using icons in Bootstrap basics.

  • Bootstrap Image2:03

    Learn how to style images with Bootstrap, applying Bootstrap image styling to adjust appearance and see how saving changes and running the project affects the output.

  • Bootstrap Jumbotron3:29

    Learn how to create a Bootstrap Jumbotron and implement it across layouts. Explore practical steps to add a Jumbotron to your page and customize content and styling.

  • Bootstrap Alerts3:25

    learn to create and customize bootstrap alerts by switching alert types to success, warning, danger, and secondary, and preview changes in your site interface.

  • Bootstrap Badges2:09

    Learn Bootstrap basics fast by exploring Bootstrap badges, including how to create badges and apply danger and warning styles for clear visual cues.

  • Bootstrap Pagination1:53

    Learn bootstrap pagination basics and how to create navigable pages with hyperlinks, using simple techniques from the bootstrap basics fast course.

  • Bootstrap Navigation Menu3:53

    Learn to create a Bootstrap navigation menu, implement vertical navigation and navigation pills, and set up navigation bars and columns in Bootstrap.

  • Bootstrap Navigation Bar6:07

    Explore how to build and customize a Bootstrap navigation bar, switch between horizontal and vertical layouts, adjust colors and branding, and add a logo to enhance navigation.

  • Bootstrap Cards3:05

    Learn Bootstrap basics fast by using Bootstrap cards to create and style cards, and customize colors.

  • Putting Everything Together - Create Your Own Website16:16

    Put together a bootstrap website by building a jumbotron, adding columns and images, creating headings, navigation, and a contact section, then save and run to view the page.

  • Putting Everything Together - Create Your Own Website 24:33

    Center content and adjust spacing to build a clean website layout, then tailor colors and responsive settings for different screen sizes.

Requirements

  • Computer Knowledge

Description

Why learn Programming?


According to Marbella International Universit Centre,


1. To get money

A software developer is the most in-demand job in the world. The world needs tons of software developers for data science, application development, and web development.


2. To become a better boss (or workmate)

You will need to work with programmers or manage them. According to experience, there is normally a big gap between business people and IT people.


3. To satisfy your curiosity

We are surrounded by all types of devices, and we are at all times using the programs and applications. Aren't you curious about how these work?


4. To automatize your daily tasks

Are you tired of doing repetitive tasks? Well, if you learn to program, you will be able t develop your own programs and applications to ease your daily tasks.


5. To improve your problem-solving and abstraction skills

When you learn to program, you improve your problem-solving and abstraction skills, and these skills are very important for many tasks in our personal and professional life.


This is the bite-size course to learn Bootstrap. You will learn Bootstrap very fast and You will create your own website very soon after learning the course. You can look into our Learn HTML Basics Fast, Learn CSS Basics Fast , and Learn Javascript Basics Fast Courses.

Content

  1. Install Text Editor

  2. Embed Bootstrap in HTML

  3. Bootstrap Grid System

  4. Bootstrap Text

  5. Bootstrap Tables

  6. Bootstrap Forms

  7. Bootstrap Buttons

  8. Bootstrap Icons

  9. Bootstrap Image

  10. Bootstrap Jumbotron

  11. Bootstrap Alerts

  12. Bootstrap Badges

  13. Bootstrap Pagination

  14. Bootstrap Navigation Menu

  15. Bootstrap Navigation Bar

  16. Bootstrap Cards

  17. Putting Everything Together - Create Your Own Website using Bootstrap


Who this course is for:

  • Beginner Web Developers curious in Web Development and Responsive Web Development with Bootstrap