Introduction to Dash Bootstrap - Styling your App

Learn to style your Dash app, using Dash Bootstrap and CSS. We will explore different Bootstrap themes and components to shape the design and layout of our interactive web app.

View my book - The Book of Dash:
https://www.amazon.com/Python-Dash-An...
https://github.com/DashBookProject/Pl...

Code:
https://github.com/Coding-with-Adam/D...

Data:
https://drive.google.com/file/d/1iuge...

Dash Bootstrap Components:
https://dash-bootstrap-components.ope...

Dash Bootstrap Themes:
https://dash-bootstrap-components.ope...

Supportive Docs:
https://drive.google.com/file/d/1Mmbw...


Video Layout:
00:00 - What you will learn
01:25 - Python libraries required
02:06 - Bootstrap theme
04:14 - Cyborg theme
05:41 - Local themes
08:54 - Row/Column rule
10:41 - Page Layout and basic Width
13:15 - Width as dictionary {size, offset, order}
16:00 - Offset
18:38 - Order
20:09 - Layout by screen size

************************************************************************
👉 Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:
Patreon:   / charmingdata  
GitHub: https://github.com/sponsors/Coding-wi...
YouTube:    / @charmingdata