Bootstrap 4 Navbar Concepts | BOOTSTRAP 4 TUTORIAL

Bootstrap 4 Navbar Concepts | BOOTSTRAP 4 TUTORIAL

Academind

6 лет назад

358,393 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Harsha Yadav
Harsha Yadav - 14.05.2023 18:55

nice sir just i seen this video it will more help me to learn bootstrap

Ответить
Ahmet
Ahmet - 26.02.2023 00:29

great tut!

Ответить
Achieng O
Achieng O - 23.01.2023 01:07

Thanks on this I know there is boostrap 5 ...but this saved my life

Ответить
Casa Nova
Casa Nova - 07.11.2022 02:41

Best teacher ever !!!

Ответить
triciasul26
triciasul26 - 26.09.2022 17:56

so helpful Thank you!

Ответить
nothing sharma
nothing sharma - 04.08.2022 14:13

Thanks

Ответить
Berat Sakipi
Berat Sakipi - 08.07.2022 01:49

One thing I loved about this video and the "teacher" is he explains everything that he writes, what it does, and why he needs to write it.

Ответить
MIKI
MIKI - 19.06.2022 02:08

Great explanation, showed me exactly what I wanted to know!

Ответить
Mark Aldrich Dela Santa
Mark Aldrich Dela Santa - 22.04.2022 14:25

Thank you for this, I was able to understand clearly the bootstrap classes with ease

Ответить
DD Does
DD Does - 12.02.2022 10:28

I want to thank you sir you explanation dispel my doubts.

Ответить
kaito midore
kaito midore - 08.02.2022 14:55

when i write mr-auto it didnt do anything its stayed in the right.?? someone help me asapp

Ответить
joebreakerx
joebreakerx - 21.01.2022 21:26

Thank you! The <ul> being a vertical list is exactly what I was stuck on.

I'm on some course via reeds in the uk, and the dude is using out of date bootstrap codes and terms, it's so frustrating haha

Ответить
Daniel Xu
Daniel Xu - 18.01.2022 04:08

did bootstrap update? im using the exact same code but the the menu is not appearing when you click

Ответить
Sourabh Jain
Sourabh Jain - 13.01.2022 13:31

Bootstrap 5 also has a flexbox Navbar, and introduces new RTL support. For this reason the concept of "left" and "right" has been replaced with "start" and "end". Therefore the margin utilities changed for Bootstrap 5 beta:

ml-auto => ms-auto

mr-auto => me-auto

Also note that data-toggle and data-target have changed too:

data-toggle => data-bs-toggle

data-target => data-bs-target

Ответить
Saeed Khanvari
Saeed Khanvari - 27.12.2021 23:02

👍

Ответить
Tanvi Deshpande
Tanvi Deshpande - 18.12.2021 21:35

the mr-auto as well as ml-auto classes seem to have no effect when used on my machine. I am using bootstrap 5 for this project. Can I know why this is happening?

Ответить
Henry Mpologoma
Henry Mpologoma - 27.10.2021 16:13

Thank you very much for sharing, very well presented in a crystal clear manner, well done!

Ответить
Arjun V
Arjun V - 22.10.2021 17:16

i have a doubt, it is not working even if i put the light theme nor dark theme please help me

Ответить
UPCOM1NG
UPCOM1NG - 06.10.2021 13:36

/* Important */

If you use boostrap 5, replace "ml-auto" with "ms-auto"

Ответить
rubel barua
rubel barua - 22.08.2021 16:20

nice

Ответить
Ankit Sharma
Ankit Sharma - 06.08.2021 14:47

thanks a lot. You truly are a savior.

Ответить
Nahar Gamerz
Nahar Gamerz - 29.07.2021 14:03

WTF man you are noob

Ответить
Dzaba Kwesi
Dzaba Kwesi - 17.07.2021 22:42

you are a great teacher.

Ответить
M KAY
M KAY - 25.06.2021 22:35

This video saved my 3 hours :)

Ответить
Michael Mio
Michael Mio - 15.06.2021 17:50

wow this is amazing and helped me a lot, tysm

Ответить
Abin ms
Abin ms - 13.06.2021 18:54

thank you sir, very helpful

Ответить
Special Park
Special Park - 06.06.2021 19:51

Wonderful. Clear | Work | Thank You Very Much

Ответить
lifewater
lifewater - 02.05.2021 00:08

Very clear tutorial, I'm pretty sure I understand everything... but I'm having an issue, has this method changed in Bootstrap 5.0? My navbar is working as in the tutorial, but the button is not toggling the menu. The documentation doesnt have 3 extra script includes as stated. So ive included what I see on the Getting started page ( boostrap.min.css & bootstrap.bundle.min.js, which seems to be a bundle ). Am I missing another include to make this work?

Ответить
Alexis
Alexis - 26.04.2021 05:46

Honestly....you made me cry. Never seen something explained so beautifully. I have a project due in two days and you just made it ten times better!

Ответить
Ozzy
Ozzy - 20.04.2021 04:23

Thank you so much! Bootstrap is pretty cooooooooooool

Ответить
DevLab
DevLab - 13.04.2021 14:19

thanks

Ответить
Fiorino Zannin
Fiorino Zannin - 09.04.2021 16:59

Grazie, sei molto chiaro e preciso. Complimenti

Ответить
Danny0_
Danny0_ - 09.04.2021 08:54

Holy crap thanks, the docs kinda confused me a bit with all the classes stuff and you explained it beautifully

Ответить
Almojaider Bakal
Almojaider Bakal - 05.04.2021 19:24

well explained

Ответить
Rachel Gilyard
Rachel Gilyard - 28.03.2021 07:46

Great tutorial, thank you so much!

Ответить
iammadhu
iammadhu - 27.03.2021 12:58

Awesome

Ответить
Alex
Alex - 24.03.2021 21:44

Thank you for going through it piece by piece - as someone new to bootstrap I find it really difficult to learn from the documentation examples which just show the entire code

Ответить
Mindful Relax
Mindful Relax - 23.03.2021 19:46

Life Saving Brother

Ответить
Elias Hollstrand
Elias Hollstrand - 18.03.2021 15:50

Great video! Thanks a lot!

Ответить
Lokesh Waran✔
Lokesh Waran✔ - 18.03.2021 00:21

Thank you for solving my issue.

Ответить
W Gauvin
W Gauvin - 16.02.2021 02:13

Any idea why: ml-auto does not work? (bootstrap 5.0.0)

Ответить
Nicole Pinhal
Nicole Pinhal - 13.02.2021 03:54

What a tutorial! this is by far unique, from the rest of tutorials I have watched on you-tube. In three terms I would say "SIMPLE, CLEAR AND ENGAGING" I will sleep well tonight as I have one part of my project done. Everything is well explained. I can't thank you enough for this tutorial, I will definitely check out Academind. HAPPY STUDENT:)

Ответить
Motor Paradise - Epic Biker Moments
Motor Paradise - Epic Biker Moments - 11.02.2021 12:32

the thing is that first of all, you should let your audience see the overall design first and work the development after that.

Ответить
gonzovocado
gonzovocado - 11.02.2021 11:51

I'm so glad I discovered your tutorials - they are super helpful!

Ответить
justsaybobby
justsaybobby - 10.02.2021 21:50

Thank you soo much for this video. Great explanation.

Ответить
somu ravi
somu ravi - 10.02.2021 19:59

Love ❤️ your teaching sir..and big fan of your teaching ❤️

Ответить
skolotoi
skolotoi - 10.02.2021 13:43

+++++++

Ответить
Ismail Surya
Ismail Surya - 02.02.2021 22:55

Great explanation, can't thank you enough.

Ответить