Bootstrap 4 Forms & Buttons | BOOTSTRAP 4 TUTORIAL

[@jayjoe3716]

This is an on-point, fast but not rushed explanation. Helped me a lot. Thanks!

[@academind]

Awesome to read that, thanks a lot Jajoe!

[@Gwith126]

This content is incredible. I can't even explain how good this is.

[@academind]

Thank you so very much - awesome to hear that! :)

[@GooseGumlizzard]

Max is a beast, he knows everything

[@thesausage69]

Sudo rn -rf /

[@itube0033]

O my! there's plenty of fantastic tutors on web development here in youtube, but to me so far you are the best!

[@academind]

YOU are the best, it's just fantastic to get such a wonderful feedback, thank you :)

[@pakoti96]

Your manner of teaching is golden honey for my brain!

[@christianalejandroflores8501]

Excellent demonstration and explanation!! in 30 minutes many questions I had were answered!

[@donaldjr.labajo5687]

Bro, you're a lifesaver! As a web developer who's just starting out Bootstrap, this is superbly useful especially for those classes I'm unfamiliar with. Thank you!

[@madusan1]

Please add your Bootstrap 4 as a playlist... Great content!

[@academind]

Right, that was missing - done!

[@academind]

Thanks for notifying me!

[@sindelio]

Hey thanks so much! Congrats on the series, very helpful and well paced!!

[@MrToftheL]

Max always sets me at ease :)

[@konzilla1]

Your videos are truly amazing! Thanks!

[@academind]

Thank you :)

[@ademagba]

Hi Bro - How can you use php and java-script to send this Form in an Email ? Also can anyone else help with this -

[@SpooningTreesap86]

using just class="form-group" to provide vertical spacing for forms does not appear to work anymore as that old margin-bottom: 15px is no longer part of the form-group class? Alternatively if you use class="mb-3" or class="myClass mb-3" you can add that spacing easily, you can of course change the number to whatever suits you.

[@rorysnow7937]

I’m trying to create a form where there are multiple radio button options including an “other” option which then prompts for a text box response. How can I do this?

[@lordfresh]

Thanks for sharing this. Helped me out a lot!

[@vishalmishra1937]

how to handle from details as per role for my case like user and restaurant sign up and login please help

[@md.riyasathossain590]

Nicely Explained! But can u explain how carousel sliders and about the logo sizes that can I add in the navbar!? Plllllzzzz

[@prudhviraj757]

page is not redirecting to the form-action page (even all validations are correct) that I have given. after implementing this form validation. please help me

[@RamiroJativa]

Excellent demonstration. Thanks.

[@jeffreyjansen]

Very usefull video. Works great for me. One question: Is it possible to add a success-message underneath the form when it is successfully submitted?

[@eneko4562]

Hello could you tell me how to do the same red and green feedback messages but with a rendering Django form. Because I don't have the labels and the inputs in my project. I just have {{form.as_p}}. Thank you so much.

[@AlbertoGuitarrista]

Really, really good and useful! Thank you very much!

[@thomasnguyen7452]

It seems like the container isn't optional anymore, as when I tried to wrap the firstname and lastname elements in a row without a container class it caused everything after it to be placed into a single row.

[@tymothylim6550]

Thank you very much for this video :) It was very helpful!

[@jpvallejoc]

Clear, and consistent thank you so much!!!

[@academind]

Happy to read that Juan, thanks for your great feedback!

[@rajamahin6633]

Your an amazing teacher

[@mikgol81]

Fantastic video... thank you for making it

[@tomyacosta3096]

love this content. Greetings from Argentina

[@U-Trance]

Very good videos, you type very fast though i can hardly keep up! This is also because my text editor doesnt have as many shortcuts where it autofinishes the with a and stuff like that

[@atech_guide]

Hey Max, Beautifully Crafted Session like always..... Super Thank you .... and Awaiting what's next

[@academind]

Thank you very much for your wonderful feedback Kamran, really means a lot to me to read that you like it! The next video will come on Thursday :)

[@ademagba]

Good Work - How ever this is still a static Form - Do you have any Videos/Tutorials where you sent this Form after being validated to an Email with AJAX/PHP ? This will really be helpful Thanks

[@attilaguba856]

That's super great explanation! Definitely I'll try to my projects! / but it's going to be responsive if you set up a fixed ( for example) width:500px; to your Form ?! Thanks!

[@ashishupadhyay9412]

Could you please make a video on how to add clock picker in a form?

[@sspawar5952]

Very nice, How can I create input column only for numbers, text shouldn't be enter in this column.

[@srinivasaraoyp3640]

It is very interesting. Thank you.

[@shivaprasadyanala2152]

how to center the submit button?

[@mariyannonchev1355]

Thank you so much for these amazing videos! You are great!

[@simplyebeats6847]

Is there a way to connect this to aweber?

[@drewfitzgerald939]

After implementing this, I'm getting a lot of white space on the left and right of my page. But I noticed that when I comment out: The white space goes back to normal. Does anyone know why this could be occurring?

[@davidallsopp4030]

Excellent tutorials!

[@kennethedwards814]

Fantastic Tutorial! Thank you!!!!

[@karimdhrif6679]

This was amazing! Thank you!

[@anibealhassan3201]

where is the code in line 40 from?

[@noname6989]

What software are you using?

[@DTX_]

Thanks a lot man, this does the job.

[@academind]

Great to read that Daniel, thanks a lot for your comment!

[@jeffreyjansen]

Hi Max. The e-mail validation of BS checks whether the user has an "@" in his email or not. But what about a "." (dot) just before an extension? BS says "Jeffrey@hello is a valid e-mailadress while it's not...

[@monitoreosobusa2812]

me ayudo muchisimo este tutorial. muchas gracias

[@mallikarjunkittad3123]

nice and very helpful , make more videos on Bootstrap 4

[@academind]

Thank you, you can find the entire series here => academind.com/learn/css/bootstrap-4-tutorial/

[@DevEfra]

Hey Max beautifull training ! . Thanks

[@academind]

Thank you Armando :)

[@patrasculucian2403]

Awesome tutorial man!

[@academind]

Thank you very much for your amazing feedback Patrascu!

[@Joshca4]

Hi max, can you make a series of loopback framework i would like to see that into your channel, thanks

[@academind]

Thanks for the suggestion! I can't promise it but I did note your suggestion :)

[@VilenPro]

This is awesome!!! Thank you!!!!

[@academind]

Your comment is awesome Vilen, thank you very very much!

[@MistahKurt]

If you're just coming here for validation, skip to 13:58

[@sparkden]

great tutorial

[@marnixblevi6869]

this was very helpfull ! thank you!

[@sergi3629]

Why use "vanilla JS" when Bootstrap requires jQuery and it is already loaded.? I have noticed that they do that too in the documentation for the validation API. Is it because it is written in javascript and those methods do not exist in jQuery?

[@CknSalad]

jQuery is a fairly heavy library to load. It is fine though because for like ReactJS you can simply use 'ReactStrap', so that it does not depend on jQuery and Bootstrap JavaScript. Vanilla JS is just nice from the standpoint of you can easily modularize, change, or port the code since its native web-code.

[@hamzajaved1115]

Amazing Tutorials

[@academind]

Thank you so much!

[@hansschenker]

I prefer wearing you the Academind Pullover :-)! Thank's for your work in public.

[@academind]

We are not sure yet if we prefer the Hoody or the Pullover ;) Thanks a lot for your great feedback Hans!

[@byguilleup7121]

Thanks bro!! you really hep me!

[@malikasifkallu661]

how we can connect api using bootstrap please make video as early as possible thnx a lot may be it involve use of php

[@shavindu_gayashan86]

thank you soo much

[@elEntrampe]

Beutiful, thanks for the video! Great info !

[@academind]

Thank YOU for your awesome feedback!

[@alirezaco3294]

great , thank you

[@retinasoup]

13:55 Form validation

[@randomthings_07]

Thanks Dude !

[@anurajms]

thank you

[@cheukpongtang6451]

need this!!

[@kphifer]

Thank you!

[@infectedmushroom3488]

welakom back to this serious XD i love ur content btw

[@nikyabo8326]

as a beginner boostrap / css combination is a nightmare .. I suck at selector.

[@harshithad6235]

how do i insert background image to this form?????? please answer this question as soon as possible

[@shivu.sonwane4429]

Perfect sir...

[@jayashreenair3875]

Bless You! Thanks

[@layc]

5:13 _ 2 genders confirmed. Subscribed

[@academind]

Welcome on board!

[@tularem]

This was a true drum-roll moment for me... "Uh-oh! What's he gonna do...how many will he list?" *leans in* "it all comes down to this!" "Male.....Female... Two!! Two genders, ladies and gentlemen!! He's done it! He's got a new subscriber folks!!"

[@BrekfestSerial]

Validation at 14:00

[@husamalsayed8036]

great content

[@MrXperx]

I do your angular udemy courses and then when i need to learn about bootstrap styling i come to your youtube course.

[@academind]

Thanks so much for your support, happy to have you on board on Udemy and here on the channel!

[@phenixwars1]

Perfect

[@vladnikolaiev9049]

Thanks for your great work!

[@academind]

Thank YOU for your great feedback Vlad, I'm happy to hear you're liking it!

[@technicalpankaj4860]

mene ye topic pe already detail me video banai h

[@hounghow1341]

thx

[@ades3967]

God Bless You!

[@josueyeah4626]

11:00

[@peterperet7690]

Duuuude! you look and somehow sound like Seth Rogen :D

[@gauravsaini2601]

if i say i know css then why should i learn bootstrap..

[@CknSalad]

some companies heavily use it. Bootstrap is just one of many CSS libraries that make it convenient for the developer to style/layout their pages. It is good to know the fundamentals of CSS as it makes using the CSS libraries/tools a lot easier as you have a good sense of what is happening behind the hood.

[@emilywong4601]

Validation 29 mins

[@NakaDeloiuz]

2019 anyone?

[@explosioncatsandknives7747]

2020

[@NakaDeloiuz]

sia ganteng pisan parah

[@zackmercurys]

First!

[@alexeydru9418]

Great work! Thanks!

[@academind]

Thank you very much Alexey :)