Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 10.5 hours on-demand video
  • 56 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design Web Design Bootstrap

Bootstrap 4 for Beginners - Build 5 Websites from scratch

Explore Bootstrap 4 and learn how to apply layouts, use components, utilities for rapid website design and development
Rating: 4.1 out of 54.1 (122 ratings)
6,032 students
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Apply bootstrap to web design projects
  • Use Bootstrap to develop website rapidly

Requirements

  • HTML Experience
  • CSS expereince

Description

Current Version Bootstrap 4 Beta Beginners Guide Bootstrap

Source code and step by step guide to build 5 complete websites from scratch using the new Bootstrap 4

Learn to Build modern websites fully responsive and mobile first built rapidly using Bootstrap 4

This course uses the latest version of Bootstrap 4.0.0-beta

Learn about  the Bootstrap  Grid and new changes making it easier to use.  Find out how to use Bootstrap 4 Navbars making them responsive.  Structure content in tables, lists and cards.   Make text stand out with amazing Bootstrap 4 utilities.  

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.

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, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Add in the library and then you are ready to Bring the power of Bootstrap into you web pages!  Its simple and easy to use simplifying web design and development.  Its all available within Bootstrap

You will be amazed at how easy it is to create modern websites using Bootstrap

This course will show you how to build website with Bootstrap Classes.  Learn and see the Bootstrap components and utilities in action!  Upon completion of this course you will have the knowledge to use it within you own projects. Lessons include source code, code snippets and exercises to help you learn Bootstrap quickly.

Save time without the need to use CSS or JavaScript bring in all the amazing functionality using Bootstrap classes.

Bootstrap is Full of features that are commonly used within web design and development.  With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.  One framework, every device. Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.

Bootstrap has everything you need in order to develop your website really quickly without the need for styling or coding everything is pre-built ready to go within the bootstrap libraries. Take advantage of what bootstrap has to offer bootstrap is an amazing front-end framework that incorporates styling and functionality directly via the class and attributes within your elements of your HTML page HTML and websites.  Building websites has never been easier to build and bootstrap makes it happen.

Learn about Bootstrap 4 find out whats new and how to apply Bootstrap to your web projects.  

  • Learn how to add Bootstrap to your website
  • resources and top links are included
  • Explore how containers work
  • Add classes to make things happen
  • Media sizes and breakpoints
  • Find out about what the Bootstrap Grid is and how it works
  • Columns and row and how to structure your content
  • Use typography to make content stand out
  • List groups and more to group content
  • Custom components like Jumbotron and badges
  • Do amazing things with Buttons
  • Progress bars, alerts
  • Customize colors and fonts
  • Learn about Bootstrap tables
  • Bootstrap Cards are new see how they work
  • See how Bootstrap can enhance Forms
  • Drop-downs and grouping of elements
  • See navbar and nav items made responsive
  • Explore interactive bootstrap components like Tooltops and Popovers
  • See how modals can enhance your users experince
  • Dynamic jQuery components in action like Carousels, and more
  • Source Code and examples included

Taught by an instructor with over 18 years of web development experience ready to answer any questions you may have.

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



Who this course is for:

  • Web designers
  • Web developers
  • Anyone who wants to learn how to use Bootstrap

Featured review

Kenneth Dold
Kenneth Dold
247 courses
55 reviews
Rating: 5.0 out of 5a year ago
Great instructor, gives a lot of examples and links to information. Gives you the code so that if you make a mistake it's very easy to figure out where you when wrong. A wonderful course for any level.

Course content

15 sections • 159 lectures • 11h 19m total length

  • Preview08:39
  • Preview05:45
  • New Bootstrap 4 Features
    03:35
  • Course editor and resources overview
    04:27
  • Resources
    00:01

  • Setup Bootstrap on your computer
    07:34
  • Try out Bootstrap adding classes
    03:37
  • Bootstrap Containers to Hold Elements
    04:09
  • Media sizes in Bootstrap
    03:16
  • Media Size Resource
    00:13

  • Bootstrap Grid columns
    11:42
  • Source Code
    00:23
  • Bootstrap Column Auto Sizing
    11:15
  • Coding exercise
    00:55
  • Grid Column Order and spacing
    10:23
  • Source Code
    00:35
  • nested rows within rows
    05:06
  • Source Code
    00:17

  • standout text typography
    05:02
  • Source Code
    00:29
  • List group items
    08:28
  • Source Code
    00:18
  • Bootstrap responsive images
    07:02
  • Source Code Images
    00:13
  • Bootstrap JumboTron
    03:40
  • Badges in Bootstrap
    02:27
  • Source Code
    00:40

  • Buttons in Bootstrap
    09:06
  • Bootstrap Button Groups
    05:24
  • Source for Buttons
    01:05
  • Button Radio Buttons and check boxes
    09:15
  • Source Code Solution
    00:13

  • Bootstrap Progress bar
    10:09
  • Bootstrap Progress bar Source Code
    00:10
  • Font and Background color
    03:50
  • Font and Background color source code
    00:07
  • Bootstrap Utility Classes
    09:28
  • Bootstrap Utility Classes source code
    01:35

  • Bootstrap tables
    10:36
  • Tables source code
    00:37
  • Bootstrap Cards
    04:34
  • Card Structure and grouping
    11:57
  • Card Source Code
    01:55
  • Bootstrap Forms Grid
    07:24
  • Source Code Basic Form
    00:08
  • Input Group Addons
    08:13
  • Form Select and File Input
    03:06
  • Drop down menu Bootstrap
    06:22
  • Example Drop down menu
    00:10

  • Bootstrap Nav Component
    09:53
  • Bootstrap Nav Component example
    00:32
  • Bootstrap NavBar Responsive
    12:10
  • Bootstrap NavBar Responsive Source Code
    00:23
  • Navbar options Bootstrap
    04:50
  • Source code
    00:56

  • Bootstrap Alerts
    04:42
  • Alert example code
    00:08
  • Popover and Tooltip
    05:37
  • Source Code
    00:20
  • Collapse and show elements
    04:11
  • Source Code example
    00:44
  • Bootstap Modals
    09:43
  • Modal source
    00:30
  • Bootstrap Image Carousel
    09:56
  • Source Code Carousel
    00:33

  • Bootstrap conclusion
    04:13
  • Section Overview Website 1
    01:30
  • Source Files for Bootstrap site from course
    00:54
  • Changes from early Bootstrap 4 versions
    00:45

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 41,971 Reviews
  • 709,462 Students
  • 370 Courses

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!"

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.