Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap Basics Getting to Know Bootstrap Enhancing the Page

Peter Retvari
Peter Retvari
2,566 Points
Posted by Peter Retvari
Peter Retvari
2,566 Points

Add picture with nice hover bootstrap effect for the simple page

<div class="view overlay hm-blue-light"> <img src="img/study1.jpg" class="img-fluid " alt=""> <div class="mask flex-center"> <p class="white-text">Lelkes tanulók az órámon</p> </div>

Dears, I wanted to add a nice picture to this simple landing page and use an awesome hover effect. It should create a light overlay with blue when you hover it. I used this source: https://mdbootstrap.com/css/hover-effects/

Is it compatible with this kind of Bootstrap (CDN) or it doesn't work because I have to download the whole packige?

1 Answer

Kevin Gates
Kevin Gates
15,053 Points
Kevin Gates
Kevin Gates
15,053 Points

In theory, if the styles don't overwrite each other, then they can work complimentary.