Introduction to Dash Bootstrap - Styling your App
Charming Data
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.
Code: https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Bootstrap/bootstrap_intro.py
Data: https://drive.google.com/file/d/1iugeiq5WUDB4cue5tJbex8q_HXLRXcNE/view?usp=sharing
Dash Bootstrap Components: https://dash-bootstrap-components.opensource.faculty.ai/docs/components/alert/
Dash Bootstrap Themes: https://dash-bootstrap-components.opensource.faculty.ai/docs/themes/
Supportive Docs: https://drive.google.com/file/d/1Mmbw915FOL_oZ08b1ayEpHDHFnmnx8SM/view?usp=sharing
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
š If you appreciate these tutorials and would like to support their existence and get some perks: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/join ... https://www.youtube.com/watch?v=vqVwpL4bGKY
114281373 Bytes