Introduction to Bootstrap Training (BTS101)
Bootstrap is a powerful front-end framework for developing responsive and mobile-first websites. It provides a collection of CSS and JavaScript components that simplify the process of designing web pages, allowing for consistent and attractive layouts with minimal effort. Learning Bootstrap can significantly enhance your ability to create modern, user-friendly websites.
This course is designed for developers looking to gain proficiency in this essential framework. The course covers everything from the basics of setting up Bootstrap to advanced techniques for creating complex layouts and custom components. With live, instructor-led classes, you'll receive hands-on experience and personalized instruction to ensure you can effectively use Bootstrap in your projects.
- Learn the benefits of mobile first responsive design.
- Learn how to use Bootstrap's predefined classes.
- Understand how to use Bootstrap's grid system.
- Learn to create responsive navbars.
- Learn to style typography with Bootstrap.
- Learn to style tables with Bootstrap.
- Learn to style forms with Bootstrap.
- Learn to use images with Bootstrap.
- Learn to use the most popular Bootstrap components.
- Learn to use an array of Bootstrap Utilities.
- Learn to use Bootstrap Flex.
Private classes are delivered for groups at your offices or a location of your choice.
Learn at your own pace with 24/7 access to an On-Demand course.
- Getting Started with Bootstrap Basics
- Introduction to Bootstrap
- Creating a Basic HTML Template with Bootstrap (Exercise)
- How to Download Bootstrap (Exercise)
- Applying Styles and Functions with Class
- Bootstrap Layout
- What Is the Viewport?
- Understanding Breakpoints
- Using Responsive Classes
- Making Grids (Exercise)
- Creating Responsive Navigation
- Using the nav Component
- Working with nav Modifier Classes (Exercise)
- Using the navbar Component
- Create a Responsive Navigation Header (Exercise)
- Bootstrap Typography
- How Bootstrap Updates Browser Defaults
- Understanding rem and em
- Styling Blocks with rem (Exercise)
- Styling Text Inside Blocks
- Tables
- Responsive Tables
- Overall Table Styles
- Styling Tables (Exercise)
- Table Headers
- Contextual Classes
- Bootstrap Forms
- Browser Input Inconsistencies
- Form Layout
- Styling a Form (Exercise)
- Images
- Making Images Responsive
- Aligning Images
- Figures
- Create a Page with Images (Exercise)
- Bootstrap Components
- Styling Buttons
- Carousel
- Make a Carousel (Exercise)
- Alerts
- Collapse
- Modal
- Pagination
- Card
- Tooltip
- Popover
- Bootstrap Utilities
- Borders
- Position
- Shadows
- Spacing Utilities
- Miscellaneous Utilities, Helpers, and Components
- Build a Single-page Website, Part 1 (Exercise)
- Bootstrap Flex
- What Is Flexbox?
- Create a Flexbox Container
- The Two Axes
- Justify Content
- Build a Single-page Website, Part 2 (Exercise)
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Experience in the following is required for this Bootstrap class:
- HTML
Experience in the following would be useful for this Bootstrap class:
- CSS
- JavaScript
Courses that can help you meet these prerequisites:
Live Private Class
- Private Class for your Team
- Live training
- Online or On-location
- Customizable
- Expert Instructors
Self-Paced Course
- On Demand 24/7
- Readings
- Presentations
- Exercises
- Quizzes
- Full Year of Access
- Learn more