[ad_1]
https://i.ytimg.com/vi/ePgnR4gHIi4/hqdefault.jpg
In this video we will create a clean Bootstrap theme that implements animation using ScrollReveal.
CODE: Code for this project
http://www.traversymedia.com/downloads/techscroll.zip
ScrollReveal Github:
https://github.com/jlmakes/scrollreveal
EDUONIX COURSES: Please use affiliate links from website below
http://www.traversymedia.com/eduonix-courses
SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:
http://www.paypal.me/traversymedia
http://www.patreon.com/traversymedia
FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
Tweets by traversymedia
http://www.linkedin.com/bradtraversy
Original source
47 responses to “Build a Bootstrap Theme With Scroll Animation”
Thank you so much for the amazing content
Can I use this scroll reveal for my commercial project?
Again exactly what I was looking for is in your channel, thanks Brad.
There seems to be a repeat on the background img for the contact area because of the unused col-…-7
it can't work..
window.sr = ScrollReveal();
sr.reveal('.navbar', {
duration: 2000,
origin: 'bottom'
});
hope your help..
Thanks Brad! I'm using this for my next project.
cool af man, cheers from wkwkland
thanks boss
is ScrollReveal free? I'm new in web development.
great video thank you Brad I always learn a lot from your videos great work sir
Looks amazing and super helpful! Thanks again 🙂
Hi and thanks for this amazing video. Can we use it for commercial project (for customers)?
wow .. amazing
Very good! you are the man.
Can someone help me making showcase and info1 sections responsive? I dont understand how bootstrap didnt make it responsive automatically… Basicaly at about 768px width the text is in the same position as img
animation implementation starts from 28:12
One of the rare videos packed with practical advice and useful things. Keep doing what you do! Peace
Food delivery app with nodejs
I can't get to script tag in Github, please help
Bootstrap won´t put the elements on the right of the NAV using "navbar-right". I solved it using "ml-auto". Just in case anybody is having that issue
Is it possible with css grid and JavaScript ?
You are the best…thank u sir
how come this time doing the CSS in parallel with HTML
Brad is really great….I dont have words to praise..
Thanks mate. Funny thing is that chrome offered to translate the lorem ipsum text.
why it's working only when I scroll upwards?
34:06 instead of pasting that jquery code, we can just add on
html {
scroll-behavior: smooth;
}
on style sheet , and the smooth scrolling fires off
Thank you guys
Nice video
Another awesome video! Did you know what links to use by inspecting the original page?
Nice and Smooth! Simple yet very cool animations. Thanks Sir Brad! Been watching your video tutorials ever since I discover your great crash courses for Web Development specially tools I can use for front end development. Salute to you Sir!
Thanks so much for your video ….not an expert yet – eventually I will!
Love to make a donation here, but not right now 'cause I'm broke!!!
favorite channel
You are awesome brad..😃😃
I added -70px for home scroll. target.offset().top – 70 for seem google asistant image.
Thanks very much.
My project became more beautiful and professional.
Why are you putting your bootsstrap and jquery scripts in the Body instead of the Head?
Thank you!
You are great sir.
i dont know why.. the animation is not moving 🙁
This is awesome! Thanks very much.
scrollreveal starts at 29:00 thank me later.
28:30 <— click this. If u only want to see the animation part.
Enjoy your vids … Used bootstrap/4.1.3/css/bootstrap.min.css and had to override #testimonial {background: #dbd5d5 !important; } … Back-end guy now doing full stack … This front side stuff sometimes just requires a bigger hammer to paint pretty pictures. Would like to see some Bootstrap 4 with Twig ~ maybe with some Twig to JSX for drop in React block components.
BS 3 or BS 4? Do the elements from BS3 work on 4?
thank you your are amazing
thanks alot
thank you but viewFactor does'nt work can u help please