Bootstrap

Bootstrap is a CSS framework that makes it easier to create website and web application user interfaces. Bootstrap is especially useful as a base layer of CSS to build sites with responsive web design.

Should I use Bootstrap 3 or 4?

Bootstrap 3 was out for almost five years before Bootstrap 4 was finally released at the start of 2018. When learning Bootstrap you will likely come across many tutorials that cover Bootstrap 3 but not version 4.

If you are completely new to Bootstrap and CSS frameworks in general then I recommend learning Bootstrap 4. If you have already been working with Bootstrap 3 then there is no major rush to upgrade to the latest version. Bootstrap 4 is more complicated than version 3 because it has a lot more features so the learning curve is a bit steeper.

Full Stack Python is actually built with an early version of Bootstrap 3. However, this site is so heavily customized with my own CSS that I likely will never upgrade to Bootstrap 4 because there are no new features that I feel will be useful in my specific situation.

Bootstrap resources

Getting Started with Bootstrap provides a walkthrough of a sample starter template so you can understand the CSS classes that Bootstrap uses. There is also a follow up post that shows how to create an effective sales page with Bootstrap 3.
What is Bootstrap and how do I use it? is an awesome tutorial that goes through many of the main Bootstrap elements such as icons, navigation bars and "jumbotron"-style webpages.
Bootstrap 5 tutorial covers the alpha version of the fifth major revision for Bootstrap.
Bootstrap 4: What's New? shows a slew of comparisons for how user interface elements have changed design over the past several Bootstrap major version iterations.
Tabler is a free, open source admin theme for Bootstrap 4. You can also check out a demo of the theme.
How to use Bootstrap 4 forms with Django shows how to combine the popular django-crispy-forms library with Django to create and obtain user data through web forms that are styled with Bootstrap 4 CSS.
React Bootstrap (source code replaces the existing Bootstrap JavaScript with React components that do not rely on jQuery.

What else do you want to learn about web development?

How do I improve an app's user interface?

How should I host and serve static content files?

How do I use JavaScript with my Python web application?

1. Introduction 2. Development Environments 3. Data 4. Web Development Web Frameworks Django Flask Bottle Pyramid TurboGears Falcon Morepath Sanic Other Web Frameworks Template Engines Jinja2 Mako Django Templates Web Design HTML Cascading Style Sheets (CSS) Responsive Design Minification CSS Frameworks Bootstrap Foundation JavaScript React Vue.js Angular Task Queues Celery Redis Queue (RQ) Dramatiq Static Site Generators Pelican Lektor MkDocs Testing Unit Testing Integration Testing Debugging Code Metrics Networking HTTPS WebSockets WebRTC Web APIs Microservices Webhooks Bots API Creation API Frameworks Django REST Framework API Integration Twilio Stripe Slack Okta Security SQL Injection CSRF 5. Deployment 6. DevOps Changelog What Full Stack Means About the Author Future Directions Page Statuses ...or view the full table of contents.

Full Stack Python

Full Stack Python is an open book that explains concepts in plain language and provides helpful resources for those topics.

Updates via Twitter & Facebook.

Chapters

1. Introduction 2. Development Environments 3. Data 4. Web Development » Bootstrap 5. Deployment 6. DevOps Changelog What Full Stack Means About the Author Future Directions Page Statuses ...or view the full table of contents.