bootstrap admin dashboard tutorial
HTML-код
- Опубликовано: 6 апр 2021
- bootstrap admin dashboard tutorial
In this video we will be creating the bootstrap admin dashboard template using latest version of bootstrap 5. we will build the simple bootstrap admin dashboard template which is responsive.
we will be using bootstrap 5 offcanvas component, to make the sidebar menu responsive.
Please Subscribe:-
/ @chandraja2010
Happy Coding :D
Bootstrap 4 Theme Customization using SASS | SCSS
• Bootstrap 4 Theme Cust...
Web development | HTML | CSS | SCSS | javascript Tutorials
• web development | HTML...
Social Media Icons Animation
• social media icons htm...
Pure CSS Loading Animation
• html css animation
Bootstrap 4 Tutorials
• Bootstrap 4 Tutorials
#frontendfunn
#webdevelopment
#css3
#bootstrap5
#html5
#javascript
👉 Code Link github.com/frontendfunn/boots...
Thank you so much for this amazing tutorial. You don't know how much you helped me. I was so frustrated by the admin panel out there & having to integrate inside my project is far from easy. So i thought i will make for myself a simple admin panel & your video is the best one. Thank you.
You made it easier to understand with your tutorials. Keep up the good work! Thank you so much! 😍
Thanks a lot. You made this adaptable even after 1 year.
thank you so much to this tutorial. I learned a lot of this, and I already used this template.
I used bootstrapp for many times. but by checking this video I learn more.. thank you so much!
Thank you very much, your tutorial is very useful for me! I am so happy ♥
It is very helpful for me and it is answering all the questions in my mind, I am so happy to watch your wonderful video, big thanks
Very clear. Thanks for the video dude.
this is what I looking for, thank you so much!
Thank you very much! You made our learning easier!
was a life-saver. Thanks a lot.
Goooooooood Job =D , Thank you very much !!!!! Greetings from Argentina.
Nice tutorial. But wouldn't it be better to create a toggle button for the off-cancas menu on large and medium screens so the menu is reduced to a small width menu showing only the menu item icons?
Thanks bro. It has been very beneficial for me
this ones fastastic.. 👌, thank you sir.
Very helpful. Thank you very much!
Awesome, Good job!!!
Nice tutorial, Thanks...
Thank you so much
It is very helpful tutorial..
Thank you very much sir:))
Thans you so much!
Thank you.
Thanks!!!
Nice work
Excellent teaching. Great video
Thank you hari, thanks for the support.
Nice job
thank you very much . very helpful
Glad it helped
Thanks for sharing!
Thanks for the support.
Thank you
ice its actually working, im suprised
Its Very GG gaming 🤙
Thank you
You're welcome 😊
wesome, Good job!!!wesome, Good job!!!wesome, Good job!!!
great video
HI. nice tutorial. But is it necessary to add media query in css? Instead can't we use the css classes?
Using the media query I am just trying to override the default behavior of the offcanvas. Offcanvas are hidden by default, we are making it visible on large screens. If bootstrap provides the utility classes for those rules you can use it.
Firstly, Thanks for sharing the good video. Can I ask you, How to change the main page dynamically? for example if i click 'table' menu on the side bar menu, it will change the page just show table page? Thanks
Hi zalik, if you are using a library like react.. you can add the switch - route to display the pages based on the url..
If you are still unclear please let me know I will try to make a video on how to integrate it with react or vue
Thanks for the support. Happy coding.
Mantapsss goods
ThankYou!!!!!!!!!!!!!!!!
You are welcome Redwan.
wow thank you so much. If I use this source, there any copyright issues.
Not at all. You can use it and also customise it to your needs.. happy coding
Sir thank you so much for this wonderful tutorial. Sir I have a question >>> Just after the brand name I have created a dropdown, which hides behind the sidebar after dropdown. Please sir suggest some solution.
Hi Manish, please provide the git repo of your code so that I can inspect and check it.
@@chandraja2010 github.com/mpritamp/adminDashboard.git
Sir check on Subject dropdown
Hi Please check the issue tab on your repo. if still any issue please ping me here. Thanks for the support. Happy Coding
@@chandraja2010 Thank You so much sir, Issue solved.
You are welcome. Thanks for the support. Happy Coding 😃
Okay here is my question how make the other nav-link clickable and redirected to other panel?
In every tutorial, I notice that they only showing what's inside the dashboard How about the other nav-link like for example [setting][about][etc]?
Can you provide more info ? What is the exact use case
hello sir i hope that you will see my comments i don't know why when i did like you in the css of the sidebar-nav its not working for me like that he is work for you and have tride every soltion that i know
Please provide github repo link if possible so that I can look into your code and help you
Please can you tell me what extenion you are using on your chrome to check screen sizes ? please tell me the name of extension i will be thankful. thanks
Chrome dev tools.
one year and a half after this video, i trying to do this. I have a problem for show the nav with >992px screen : the navbar is not shown :( there was an update of bootstrap and i need to fix it ? but i'm a beginner and i don't find the problem. Someone did it ? tks !
Repo link is in the description. Please refer the repo. Still having issue please ping me here. I will be happy to help.
I couldn't find the dataTables file in the Bootstrap CSS and Js file i downloaded, am i missing something pls?
Data tables is a seperate library.. please check the repo link down in the comments section..
What extension do you use for tag highitling?
marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag
this is the extension, tweaked it to my need 😊
do we need to include - jquery.dataTables.min.css ??
Hi krunal, please refer the git repo. Link in description. Thanks 👍
I can't find the css/dataTables.bootstrap5.min.css file on the Bootstrap website. Can you please tell me where to get this file? Thanks!
Data tables is a third party library.. it is not part of bootstrap.. please read the readme section or the repo.. I have provided the links to list of components and libraries used in this project..
Thank for the support. You can ping me here if any issues. Happy coding
@@chandraja2010 Yup, I found that out right after I posted the question. Thanks for the help and keep up the great videos!
Hi sir, I am new here. Can I ask how to add the yellow line to group code navbar? It shown on 4:16. Thank you
It's vscode plugin.. highlight matching tag .. customized a bit to my need ..
hi sir, what extension do you use to sort html tag like
to
Prettier - code formatter
Search for this extension in market place and enable it as default formatter
Guys where is the chart i am little confused about that part i cant seem to find chart in bootstrap is something wrong someone help me...?
Hi abdi, charts are not available in bootstrap.. you need to use an external library like .. chart js.. for the charts..
Sir off canvas css are not working .Why?
Check developer console.. let me know if you have any console errors
Bro.. Please help me.. Apex chart is not showing in my project😢
Hi priyanka , Please provide the repo link.. so that I can help you..
Bro.. Please give me ur mail bro...
Hi Priyanka, here is the id frontendfunn@gmail.com
the resizing of offcanvas is not working bro
Hi Carlos, GitHub link is available in description. Please refer the repo.
Sir, ecommerce website project
Hi DevKamal, please provide any reference of the ecommerce website, will try to make one. Thanks for the support. Happy Coding 😊
GitHub project?
forgot to add the repo link. Video description is updated, Please Check.. Thanks for the support.
Thanks!