Flask CRUD
About Lesson

In this Flask CRUD Application lesson we are going to learn about Flask CRUD Application Header Design, we want to design our application header, also in this lesson you will be familiar with template inheritance in Flask.



So now open your templates folder and create another HTML file at name of base.html, and this will be our main HTML file that all other files will extends from this file, you can see that in this file we have created some blocks.





Now let’s bring changes to our index.html. you can see at the top we have extended from our file from base.html file, because in here we are using template inheritance.





If you run your Flask Application you will see the same result.



We want to add our Bootstrap CDN links in our base.html file, so open the file and bring some changes like this.






Create another HTML file at name of header.html.






Now include your header file in your index file.





This is our App.py file.




Run your application and go to http://localhost:5000/, this will be the result.

Flask CRUD Application Header Design
Flask CRUD Application Header Design