I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video! I don't run ads on tutorials - the only value I get is your engagement in the MDB community. So if you would like to show your support: - Encourage more people to Keep Coding ---> Send this video to one person - Stay tuned for new content ---> Subscribe & ring the bell In the description, you will find links to some useful, free resources: 📥 Download Material Design for Bootstrap - FREE open-source UI KIT 🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course) 🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall) ⭐Support the creation of open-source packages with a STAR on GitHub 👪 If you have any questions - don't hesitate to ask on our Facebook group Thank you for your support!
Hi ,thank you for making this video,I really do appreciate.however the class="mask" is not masking the whole image,it's only masking the text in it,how do i resolve this.
Thanks for letting me know about the issue. Let me move this conversation to the forum, please create a ticket here: mdbootstrap.com/support/ It's much easier to solve issues there instead of the YT comment section. You can specify your device, browser, OS and above all, you can add a code snippet if you need. Me or one of my colleagues will do our best to help you out. PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
If you ask if you can use the image directly from your computer disk - yes, you can. Take a look here: mdbootstrap.com/docs/standard/content-styles/background-image/#section-how-it-works
@@airwebx I cut my main photo before adding it to the website so this looks good now. This solution may not work in all cases, but you can prepare your photo before using that, I'm not sure but maybe the tutorials photos are also prepared to the right size...
hi! great video! Just one question: i set the image with "100vh", it keeps cloning the image(upload.wikimedia.org/wikipedia/commons/thumb/5/53/Biblioteca_Joanina.jpg/1024px-Biblioteca_Joanina.jpg) to the side, how can i resolve it?
Let me move this conversation to the forum, please create a ticket here: mdbootstrap.com/support/ It's much easier to solve issues there instead of the YT comment section. You can specify your device, browser, OS and above all, you can add a code snippet if you need. Me or one of my colleagues will do our best to help you out. PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!
I don't run ads on tutorials - the only value I get is your engagement in the MDB community.
So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell
In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group
Thank you for your support!
that was such a simple defination with smooth narration step by step ...... i wish to see all your progress further
.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
worked for me ty
Thanks homie this saved me when nothing else would work
Hi ,thank you for making this video,I really do appreciate.however the class="mask" is not masking the whole image,it's only masking the text in it,how do i resolve this.
Great video, man! Learned a lot from this.
Very good tutorial. It is very useful.
Excelente!! Gracias.
De Nada :) Keep Coding!
Thx man!!
Can I use width/height in percents? Will it work?
how to use all that scripts on bootstrap studio?
how can i use MDBootstrap on next js app?
Why can't I upload my own photos in my project as a background image? Pictures from unsplash didn't work either.
Without seening your code we cannot tell you what's wrong 🤷♂️
Thanks Sir
hi for me class="bg-image" is not working. The image is still broken .. Do I have to select a HD image for this?
Thanks for letting me know about the issue.
Let me move this conversation to the forum, please create a ticket here:
mdbootstrap.com/support/
It's much easier to solve issues there instead of the YT comment section.
You can specify your device, browser, OS and above all, you can add a code snippet if you need.
Me or one of my colleagues will do our best to help you out.
PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
Hey, have you solved it somehow? I have same issue.
@@Lucker159369147 Create the class in your CSS file.
.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
hi your free template (background image or video) does not show navbar in mobile layout ; the navbar disappear as soon screen width is minimized.
Thanks for noting, we'll fix that bug
@@Mdbootstrap Did you ever fix this? I really want to use this, but I want that navbar on mobile. Thank you
you need a magnifier to see anything!
Can this be done without using an image from a URL?
If you ask if you can use the image directly from your computer disk - yes, you can. Take a look here: mdbootstrap.com/docs/standard/content-styles/background-image/#section-how-it-works
100vh cuts my photo, it looks like bacground but when i have the photo of a cat i can see only his ear in the background. Someone knows why?
Can you create a snippet and show us your code? mdbootstrap.com/snippets/
I have the same problem. Did you find a solution?
@@airwebx I cut my main photo before adding it to the website so this looks good now. This solution may not work in all cases, but you can prepare your photo before using that, I'm not sure but maybe the tutorials photos are also prepared to the right size...
@@marzena153 oh ok thank you!
will it be responsive?
Yes
awesome
and its not ressponsive- what a crap is this????
Which example exactly do you mean? All of it is responsive.
hi! great video! Just one question: i set the image with "100vh", it keeps cloning the image(upload.wikimedia.org/wikipedia/commons/thumb/5/53/Biblioteca_Joanina.jpg/1024px-Biblioteca_Joanina.jpg) to the side, how can i resolve it?
Let me move this conversation to the forum, please create a ticket here:
mdbootstrap.com/support/
It's much easier to solve issues there instead of the YT comment section.
You can specify your device, browser, OS and above all, you can add a code snippet if you need.
Me or one of my colleagues will do our best to help you out.
PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
add a class="bg-image" to the