Bootstrap Tutorial for Beginners to Advanced in Hindi | Bootstrap Full Course | Complete Bootstrap 5
HTML-код
- Опубликовано: 13 окт 2024
- #techgun #bootstrap #bootstraptutorial #bootstrap5 #bootstrapcourse
Hosting Link and coupon code
-----------------------------------------------------
Hosting link: www.hostinger.i...
Coupon code: TECHGUN
Welcome to our comprehensive Bootstrap tutorial series! Whether you're just starting out or looking to refine your skills, this complete guide will take you from beginner to advanced with the latest version of Bootstrap. In this Bootstrap tutorial, we will cover everything you need to know to effectively use Bootstrap in HTML and CSS, offering a full course that ensures you gain a thorough understanding of this powerful framework.
Bootstrap Tutorial for Beginners to Advanced
Our tutorial is designed to cater to all levels of learners. Starting with the basics, we'll guide you through the fundamental concepts of Bootstrap. You’ll learn how to integrate Bootstrap into your HTML and CSS projects, making it easier than ever to create responsive and visually appealing websites. As you progress, we’ll delve into more advanced topics, giving you the tools to handle more complex design challenges.
Complete Bootstrap Tutorial
In this complete Bootstrap tutorial, you'll discover all the essential features and components that Bootstrap has to offer. From setting up your development environment to implementing grid systems and customizing themes, we leave no stone unturned. By the end of this course, you'll be proficient in using Bootstrap to streamline your web development process and enhance the user experience of your sites.
Bootstrap Latest Version Tutorial
Stay up-to-date with the Bootstrap latest version tutorial, where we cover the newest features and improvements introduced in Bootstrap 5. Our tutorial will ensure that you're well-versed in the latest advancements, helping you to utilize the most current tools and techniques in your web projects.
Bootstrap Tutorial for Beginners One Shot
If you’re looking for a concise and efficient way to get started, our Bootstrap tutorial for beginners one shot is perfect for you. This segment is designed to provide a streamlined introduction to Bootstrap, giving you a solid foundation in a single, comprehensive session.
Bootstrap 5 Tutorial for Beginners
Specifically tailored for newcomers, our Bootstrap 5 tutorial for beginners focuses on the latest version of the framework. You’ll learn how to leverage Bootstrap 5’s new features and enhancements, including updated components and utilities that make responsive design even more accessible.
Learn Bootstrap with Our Full Course
Dive into our Bootstrap full course, which covers everything from basic concepts to advanced techniques. This in-depth course provides a thorough education on Bootstrap, ensuring that you’re well-equipped to handle a wide range of design and development tasks. We emphasize practical, hands-on learning, so you can apply what you’ve learned to real-world projects.
Bootstrap Tutorial in Hindi
For Hindi speakers, we offer a Bootstrap tutorial in Hindi. This course provides all the same great content as our English tutorials, but in a language that's more accessible for our Hindi-speaking audience. It's perfect for those who prefer learning in their native language.
Bootstrap Tutorial for Beginners to Advanced in Hindi
Our Bootstrap tutorial for beginners to advanced in Hindi is a complete guide designed to take you through every stage of learning Bootstrap. From foundational knowledge to advanced techniques, this tutorial is tailored for Hindi-speaking learners who wish to master Bootstrap comprehensively.
Join us on this journey to Learn Bootstrap and elevate your web development skills. Whether you're starting from scratch or looking to enhance your existing knowledge, our tutorials are here to support your learning goals. Don’t miss out on this opportunity to become proficient in one of the most popular front-end frameworks available today!
Please subscribe to watch more videos like this: / @techgun
Other Tutorial links
HTML Tutorial: • HTML Tutorial for Begi...
CSS Tutorial: • CSS Tutorial for Begin...
Javascript Tutorial: • JavaScript Tutorial fo...
Tips for Developer: • 🎯Tips and Tools for Fr...
HTML and CSS Project: • How to make a website ...
Bootstrap Tutorial: • Bootstrap Tutorial for...
React js Tutorial: • React JS Tutorial in H...
Hosting Website: • How to Host a Website ...
Photoshop Tutorial: • Best Photoshop Course ...
jquery tutorial: • jQuery Tutorial for Be...
Python Tutorial: • Python Programming Lan...
Join this channel to support Tech Gun: / @techgun
Everybody share this video as much as you can. Making a 6 hours video course is not so easy. He has done a lot of work for us. Now it's our time to pay him
@@swyamdipta Have you given 100 th Like?
indeed
You're so right about that ☺️♥️
Indeed
Really.
00:00:01 intro and basics
34:13 grid system
48:50 container
59:11 row
1:01:57 rule for col row and content
1:02:36 column
1:31:10 advance features of bt4 and bt5
1:41:30 bootstrap flexbox
1:49:37 reordering
1:57:41 Offsetting columns
2:00:50 grid system completed
2:00:51 classes and component
2:03:00 img
2:05:43 table
2:16:45 forms
2:37:03 components
3:23:17 utilities classses
3:40:00 project 1
4:44:35 project 2
Tq bhai
Thank you so much brother this will help me for future references ♥️
Tq
😂😂👍
Why we only used index.html file name
Hello, Zuhaib Akram here from Pakistan,
I have completed HTML5 and, watching these css and bootstrap courses in parallel, man this is good, i am about to get a job , a very good one, just because of your effort, i give you , and your channel tech gun, full credit for this achievement of mine.
Without this it wouldn't have been possible,
you are a true teacher and leader in academics, by nature,
the way you make things so easy and keep beginners and advanced users in the same line,so that they do not need to go for separate course,.
Lastly i shared these long courses , with few other front end developer in paksitani industry they just loved your style.
Hope to see more awesomeness from you Teacher :) .
Thank you , thank you so much for all this .. God Bless you.
Sir I completed your html CSS and javascript tutorials and I can say that you are THE BEST teacher in youtube. The way you teach all concepts from beginning to advanced is mindblowing. No one can teach like this in full depth. Thankyou from the bottom of my heart sir you are doing god's work. You deserve a billion subscribers. I reccomend only your channel to people and my friends. Please do upload a reactjs/ angular js and node js tutorial from beginner to advanced in future, it would be of great help!!
10000% agree with the comment brother
100% agree. Thank you tech gun.
I will request you to bring a video on the roadmap to become a web developer. Please make a video on how we can get a job as freshers too.
i have a question?
Do I need to complete JavaScript first or can I start bootstrap without any knowledge of JavaScript ?
@@prakhar266 You should be ok with learning bootstrap first!
@@naeemx1823 thanks
I generally never comment on any video i watch, but after watching many other Bootstrap videos i was frustrated as each of them were just building project without explaining the back ground and working. Watching 10 min of your video really build my concept and gave me the necessary overview. Thanks A lot
Glad I could help!
@@TechGun sir is this video worth it on 2024 ? pls reply, seeing other videos i am frustrated now i am only following you i had learn html , css from you seeing 103 videos and now learning java script even your video is old but u are best sir
Vishawajeet aapka jawab nahi hai explanation ke mamle main. Aapke jaisa teaching methods maine foriegn authors main javascript ke mosh hamdani se kar diya diya
The tutor is soooo sooo paitent and he didn't rush the basic and core topics like rows contaiers coloums etc. Absolutely Great content 🙏💯
Basics is always a dhacha.. 😂😂😂
I completed your CSS and java script and following to complete your bootstrap and react js tutorial. By for your the best, I appreciate your hard work and the great teaching skills. YOUR REALLY BEST TEACHER IN RUclips.
I was focusing on CSS for 2 months and when I taught that I know almost everything I started learning bootstrap now I regret wasting that much time but now I know that I should not stuck to a particular technology for long
This guy explains really well and his teaching style made this whole lecture interesting, this video is truly for beginners. Thanks a lot, he did a great effort in this I am recommending this video to all my friends.
Sir even after having multiple paid course with me . The level of course you give is unbelievable this is better then most of the paid course.
Sir please make a course on react js also
First time I have completed watching a video of this much size. Did all the projects first by myself, and then verified with your solution. Great job! and yes, I have joined your channel also!
Thank You for your support. 🙏
YOU ARE GREAT. I UNDERSTAND THE EFFORTS BEHIND MAKING THESE VIDEOS SO I NEVER SKIP A AD IN YOUR VIDEOS.
PRANAM!
bhai dil se thank you, mne css and bootstrap apse pdha, isse pehle muje darr lagta tha id classes lagane me, second project karne ke baad itna confidence aya hai ki koi bhi website design kr skta hu.thank you so much bhai. god bless you.
Html☑️
Css☑️
JavaScript ☑️
React js ☑️
Bootstap (Learning )
Thank you sir for setting up my life on track ❤️🔥
@fitness fresher ni bro
@fitness fresher bro RUclips sy ni kiya personally aik friend sy kiya hay or i think yehi sir upload krein gay toh meri revise hogii
Simplified Bootstrap, step by step, easy to understand and great way of teaching. My Bootstrap was partial now it is complete. And my confidence is increased to work in Bootstrap. Hats of You. I completed your WordPress tutorial too. I suggest to watch this video who wants to learn Bootstrap
Thank you sir, I completed your html css & javascript tutorials. and I am now a ready for web developer interview.
Here are the Time stamps:
00:00:01 into and basics
34:13 grid system
48:50 container
59:11 row
1:01:57 rule for col row and content
1:02:36 column
1:31:10 advance features of bt4 and bt5
1:41:30 bootstrap flexbox
1:49:37 reordering
1:57:41 Offsetting columns
2:00:50 grid system completed
2:00:51 classes and component
2:03:00 img
2:05:43 table
2:16:45 forms
2:37:03 components
3:23:17 utilities classses
3:40:00 project 1
4:44:35 project 2
Bootstrap is very easy framework thanks to the maker
Bhaiya aapki trh koi bhi kbhi coding sikha hi nhi pyega.... Hats offf...
Love from Banaras ❤️❤️❤️✌🏼✌🏼
Koi jabaab nhi h
I have subscribed to many learning channels but I never get a chance to learn so easily and deeply by anyone like you teach and best part in our native language Hindi. For a beginner, Hindi could be a best language to understand all the concepts well. You undoubtedly one of the best teacher on the internet who explains very well. Keep up the good work. I wish you all the very best! I wish I could meet you personally and say thanks once. I do visit Noida 🤗
sir maine aapke html css javascript bootstrap all videos dekhe itne simple tarah se aap sikhate ho sir
varna muze programming se dar lagta tha aapki vajah se vah simple lagne laga sir you changed my life
thank you thank you so much for your effors sir
🙏☝🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
00:00:01 Intro and basics-------------
34:13 Grid system-----------------
48:50 container---------------
59:11 row-------------------
1:01:57 rule for col row and content----------
1:02:36 column----------------------
1:31:10 advance features of bt4 and bt5-------------
1:41:30 bootstrap flexbox-------------
1:49:37 reordering------------------
1:57:41 Offsetting columns-------------
2:00:50 grid system completed --------------
2:00:51 classes and component -------------
2:03:00 Image---------------------------
2:05:43 table ---------------------------
2:16:45 forms-------------------------
2:37:03 components---------------------
3:23:17 utilities classses---------------
3:40:00 project 1--------------------------
4:44:35 project 2-------------------------
✅17-01-2024--------------------------------------------------------------------------------
yup i have completed this tutorial i am moving to j query and patiently waiting for javascript advance
proud to tell about your channel to my friends and about my teacher sir vishwajeet kumar
salute sir!!
Love from Bangladesh sir.....Sir I want to become e frontend developer....I visited many RUclips channel but I cannot understand any tutorial.... But when I visit your Channel,I understand everything about frontend..... Thank you so much sir...
Waiting for angular....Well, because of you I learned HTML, CSS and Wordpress and currently I'm learning JS.
Sir, please make a video series on reactjs as well, I have learnt html, css, javascript, bootstrap from your videos, the way you tech any concept indepth is just amazing, usually we dont get indepth knowledge freely, its more than any paid course, I really appreciate it.
what a content man! everything was explained very well and in-depth ..thank you so much for making such a video. now I am able to create customs and pre-defined websites with bootstrap. keep going. 🥰
The best BOOTSTRAP course on entire RUclips. Thank you sooo much!
I have completed your bootstrap tutorial. everything was explained really good. one comment is if you can please share source image and source code it will really help because when we will look for image we will not find same images in orientation. if something goes wrong will help us improve rather than getting frustrated and quit
good comment bro i appreciate it
i like ur way of teaching, completed ur html, css, javascript and this one. can u plz make more videos which will train me to get a web developer job in 2023. as a fresher. thank you
Sir I have completed the basic js part and now want to proceed in the advance part..... kindly upload the advanced js as well ASAP
Just completed first 2hrs everything crisp and clear, great work sir..
Really it is awesome content. Sir nobody can compare with you.you deserve valuable teachers.thank u so much from hearts.really I m impressed with your hardwork and effort.please keep it sir .I will full support of you.
Guarantee se keh sakta hun ki isse acha Bootstrap ka video poore RUclips pe nahi hai 👌
34:13 grid system
48:50 container
59:11 row
1:01:57 rule for col row and content
1:02:36 column
1:31:10 advance features of bt4 and bt5
1:41:30 bootstrap flexbox
1:49:37 reordering
1:57:41 Offsetting columns
2:00:50 grid system completed
2:00:51 classes and component
2:03:00 img
2:05:43 table
2:16:45 forms
2:37:03 components
3:23:17 utilities classses
3:40:00 project 1
4:44:35 project 2
I learnt the whole web development from u sir ,The best Video on RUclips , when I was giving an Interview for a job,, Interviewer Asked me who is ur tutor ,, I told him Vishwajeet sir from Techgun RUclips and I learned everything from him. ❤️ Respect!!!
*This is the Best Tutorial Ever I have Seen on bootstrap for Free*
We can Easily see how much efforts you have done
To make us Understand with 2 real life Projects
Just Awesome !!
sir when is the javascript advanced tutorial coming.
We are eagerly waiting for that.
please try to upload it quickly and please reply so we can know
sir really you are a good teacher
i have done html,css and now doing boostrap the way of your teaching is excellent
love from pakistan
HTML✔️
CSS✔️
JAVASCRIPT (LEARNING)
BOOTSTRAP ✔️
NEXT❤️ REACTJS❤️ PLEASE SIR
❤️🔥🔥🔥
how long u took to learn all this
@@frozor7573 3-4 months
ruclips.net/video/mVWm7b-WZYo/видео.html
Ha man can i learn bootstrap with media queries
Im just speechless.. This guy is a goldmine for the tech aspirants. I cant believe. what i just saw. Im gonna recommend this channel to my brothers. You are built different.
thank you!! still waiting for advance javascript series
Bhaiya apne bahut zada ache se bataya hei bootstrap is video mei. Or mei sikh bhi gya hu.. asha hei ki future mei koi bhi update ati hei isme to usko jarur cover krna.
0:00 introduction
9:29 Getting started
03:40:00 1st project
04:44:17 2nd project
☺️❣️
Thanks a lot brother..
we need a teacher like you for every subject. You explained such difficult problem easily step by step....thank you sir for your free videos. it's really helpful.
❤
This type of explanation is needed in college ...but unfortunately not...by the way.. thank you so much ...each and every topic is very much understandable...just keep posting this kinds of contents...🙏
Bootstrap sikhna sa phela kya javascript aani chaiye??
@@sukantomahato8476 nope....but css aani chahiye
@@kamrulansari21 Css aati hai toh bootstrap kar sakta hu?
@@sukantomahato8476 haan
I thought I knew JS but after completing ur Js series & all projects....I learned a lot of things....thanx sir.
great you have super knowledge about web and programing languages highly recomend this video to others
sir ji aap great ho..........bacche ko samjhana kese h apse accha koi koi ni samjh sakta...😍
Resposnsive Web Design 24:24
Grid system 34:14
Container 48:50
Row 59:12
Colum 1:01:37
Reordering 1:49:36
And I want to add this to my comment that the way you explain is so interesting..one can never lose focus.... Again very well done and thank you so much!
complete advanced javascript tutorial
Yes sir please..... Ussi ka wait kr rha huuuuu
Same here
Yeah me too
Yes we want sir 🙏🙏🙏🙏
Same sir
Finally bootstrap sik liya is video se
Bina koi doubt ke
Thank you sir
i could cleary see your hardwork and efforts sir.i like your politeness while teaching, you deserve more reach and support.❤
I have no words to describe your content.
But i have already ignored everyone after watching your videos, you are awesome ,
thanks to god for make a teacher like you.
Really very informative video. Thanks for the effort and time devoted by you.
Thank You...Vishwajeet Sir... For Giving Me A Full Step-by-step Bootstrap Tutorial From Begginers To Advanced Level... I Understand that Your All (HTML, CSS, Bootstrap, Javascript, J-Query & Complete Photoshop Tutorial) Made By You Are Not So Easy, They All Videos Takes A Lots Of Time During Creation...These All Videos Are Enough to Being A Complete Web Designer. I Will Recommended to all My Friends & My Colleagues To Only Watch Your All Web Designing Tutorials...Your All Web Designing Videos Will Help Me A Lot To Become A Complete Web Designer.
You are an awesome teacher, and you also have a great understanding of front-end technology. Your knowledge has been generously shared without charge, thanks.
Your teaching style is great guruji❤❤
Angular complete series please..🙏🏻
Best video on bootstrap till now nobody teachs like .. thank you so much, brother..🎉
Glad it helped
HTML ✔️
CSS ✔️
JS (LEARNING)
BOOTSTRAP (WILL LEARN)
PHP (SIR 😅😅)
@Hifi Coder g
Now audio is coming on mobile device, please check and confirm.
@@TechGun a rahi sir
Thanks 😊
@@TechGun sir
MERN pa b bna dein tutorials or advance js b
@@TechGun yes audio coming 👌
wow, teaching is very nice... I liked your presentation very much... can you please this ppt link in the description section. bcoz of video resolution.
Node js and angular plsssss 🙏🙏🙏
BEST VIDEO OF BOOTSTRAP ON RUclips THANK YOU SO MUCH SIR❤❤❤❤❤
How many of you think sir's voice sound like Rajkumar Rao's voice 😅?
Han
Shi mein 😁
sir, just finished this tutorial and I salute you sir, I am very happy to find your channel.
Sir avaaj nai aa rai
Now audio is coming on mobile device, please check and confirm.
@@TechGun ye sir ab aa rahi hai
@@TechGun sir pls make more videos of website projects with html css and js from scratch with deep explanation on each step.. This will be very good for learning concepts
Itni mehnat ke liye Dil se thanks.i really appreciate it.❤️👍
Indeed the best video tutorial for beginners in BOOTSTRAP. Is the tutorial not available in pieces as it gets harder to go back here for a few seconds.?
These words coming from my heart sir and I have to say No one would make a bootstrap tutorial video this long. So I personally prefer lengthy video cuz whatever I learn I wish to learn it in deeply and obviously there would be more to learn from that's why I aways look for your tutorial over anyone. And I have to say that I haven't found any channel that can match your contents .God bless you sir . Once Elon Musk said if you are making any products or services for consumer the quality should be 5x excellent than theirs if there are big competitors in the market.
thanks sir, your videos are so informative, do one thing respected sir, when start a new topic write part no 1,2,3,4,5........so on also due to this user can find his last part and he can start from that parts again. your javascrypt tutorial has same image in the starting on every topic .sir you must write part name with part no also..
separate videos of javascript uploaded well but 10hr 5 hr ....
Sir I learn html css js and bootstrap from you only. Please don't stop and make more videos for frontend and if possible make video on MERN full stack.
I hope 🤞 you come with new topics
Excellent job sir....❤❤❤❤
Main nay complete course aap s sikha h....
From Pakistan...
Thanks, I completed project-1 today. lots of learning.
Your class has ability to turn amature into professionals. this class worth lakh rupees. learn lot from your sir.
Sir this was the best tutorial I have ever seen in my life.
I am hoping that you release Angular very soon
Amazing lecture, today i completed these lecture with project - 6 jan 2023!! Love from akash aks
Really sir this course is very very very useful for my as a web developer journey ❤❤
Best teacher in RUclips
" Thanks " is very simple word for this content....
sir jquery and bootstrap dono sikhna jaruri hai? full strack devoper bnne ke liye?
I have a question. Pure bootstrap me mujhe sir yeah doubt hai hume code sirf copy paste krna hai kya bootstrap ke website se sirf hume knowledge hona chahiye kab kon sa copy krna hai agar main correct hu toh please reply de dena aap log
Insted of Using pt and pb seperately we can use py for both top and bottom and similary for left and right we can use px. Same is the Case with margin
i saw your video and it's amazing. i learned bootstrap very smoothly from your video. Once again thank you sir for making an amazing content .
Thanks a lot sir jitni aasani se aap ne samjhaya hai shayad koi aur nhi samja payega 🙏🙏🙏🙏🙏🥰🥰🥰🥰
Sir... Thank u very much for making this video... I didn't find any video on utube which has been made with simple explanation...❤❤❤
Bhai tu aadmi nahi hai...tu dev-maanush hai bhai
awesome work bhai....🤗🤗
Hi vishwajeet sir you really simply great aap k videos bahut accha hote hai aur aapki jo sikhane ki tricks hai bahut Kamal ki hoti hai m coding k baare m jante bhi nahi thi mere husband developer hai unhone kaha mujhe tum coding sikho maine shuru kiya aapke html k video se aur aaj mujhe coding m intrest aata hai aur fill hota hai ki m acchi developer bna sakte hu warna sub kahate hai coding bahut difficult hai magar aapki wajah se mujhe coding easy way m samajhe aati hai thanku sir thanku so much for a making very useful video for my type of student
Thank you for such a nice comment
Sir aapke pleasure m Etna bolna bhi kam hai your deserve much much more aap really great teacher hai you don't believe ki aapke tutorial se kitne logo ko coding ki field m success mila rahi hai aur wo ek acchi job bhi kar rha hai aur because of you coding ko bahut appreciation mila rha hai I wish ki m bhi after 1,2 years bahut acchi developer bna jaungi aapke videos dekha kar keep it up sir you do owsome work mere husband bhi aapke video dekhate hai jab unhe koi problem aati hai work m aapke wo bahut tarrife karate hai hamesha kahate hai he is a very good teacher😊😊
Best video! Thank you soo much.. Such mein bootstrap seekh lety han lkn samajh nhi aati use kesy krna hai..
વાહ! વાહ! વાહ! સાહેબ તમે તો બઉ જોરદાર ભણાવો છો. 👌👌🤙બસ આ રીતે જ તમે અમને જ્ઞાન આપતા રહો એવી અપીલ....✨❤❤
i clearly understand bootstrap now, great effort bro and thanks.
i just finished this video in 3 days and i love this video ❤️❤️❤️❤️
Good Video for beginners. All the fundamental of bootstrap 5 is clear in one video. Thank You Sir. Thank You Very Much.
Best tutorial of CSS for beginners clear all concepts very deeply
I have question.. Why are you using media queries in projects for responsive rather then u can use div: container then div: row and then div:col classes of bootstrap
I Think this the best bootstrap 5 tutorial of RUclips..... Love from Bangladesh sir😍😍😍
ma ny buht learn kia ha ic course sy aur buht easy tha thanks sir
Sir, this is the best tutorial I have ever had .. you are explaining the staffs very well.... good work sir.
you are my favourite teacher......love u .......