From the course: Create a Quick, Clean, and Cheap Website with Bootstrap Templates
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Responsive screen sizes and class name formatting - Bootstrap Tutorial
From the course: Create a Quick, Clean, and Cheap Website with Bootstrap Templates
Responsive screen sizes and class name formatting
- [Instructor] So in the last video, we discussed how Bootstrap is based on a 12-column layout. In this video, we'll be discussing how we can change our layout based on different screen sizes. Bootstrap already has device-specific breaking points or lengths chosen based on pixel width screen sizes for how we can redistribute our website's layout. Your website will automatically detect the user's viewport size or screen size and show the appropriate layout that is defined. When a website does this correctly, the website is known as a responsive website. The main reason that Bootstrap CSS framework was created was to make building responsive web pages more efficient and easy for the developer. Within their documentation, these breaking points are distributed in just five categories, extra small, small, medium, large, and extra large. As you saw in the last preview and as you'll see here, certain devices correspond to different…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.