• Sunday , 31 May 2020

Using Bootstrap Jumbotron with Fixed Background Image

Code Canyon
https://i.ytimg.com/vi/VNihXl_ue7A/hqdefault.jpg



It is a lightweight, flexible component provided by the Bootstrap 3 that can optionally extend the entire viewport to showcase key content on your site.The Complete Video Series Of ADO.NET With Examples at…https://www.pluralsight.com/courses/adodotnet-by-example…

Original source

3d Ocean

Related Posts

23 Comments

  1. kiran kakade
    June 12, 2019 at 16:42

    best

  2. Alexandru Grasune
    June 12, 2019 at 16:42

    Thx

  3. amin hoque
    June 12, 2019 at 16:42

    thanks

  4. Min Chin
    June 12, 2019 at 16:42

    It worked! Thank you my friend 🙂

  5. Pedro gee
    June 12, 2019 at 16:42

    "certified microsoft trainer."

    k

  6. Jax Carls
    June 12, 2019 at 16:42

    how do i use different pictures for different jumbotron?

  7. Virginia Chubo
    June 12, 2019 at 16:42

    I want to make navigation on top the below Jumbotron how can i leave white space between navigation and jumbotron?

  8. TechDox
    June 12, 2019 at 16:42

    Amazing, you helped me out with my Web assignment!

  9. FBK Rocketeer
    June 12, 2019 at 16:42

    Maybe I'm doing something wrong. I'm trying to insert an image from my images folder, which is in the same directory as my html file, but I'm not sure if my css is right.

    background-image: url("../images/header-bg.jpg");

    I save my file, then open the index.html with Chrome.. But I can't seem to get the fixed background image to show. Any ideas?

  10. burningknight7
    June 12, 2019 at 16:42

    where is taj.jpg stored?i am having a problem putting a background image in jumbotron class, i have stored background image i want to use in the same folder as my html file but when i provide the url of that folder with the image name , it doesn't show any change in jumbotron background .

  11. M Musa
    June 12, 2019 at 16:42

    is it responsive background when you make its position fixed????

  12. M Musa
    June 12, 2019 at 16:42

    can i make fixed responsive background image.. how??

  13. Luis Quintero
    June 12, 2019 at 16:42

    +10 for use VS… thank you.. fast and clear.. (LIKE)
    i have to do:

    .jumbotron
    {
    position: relative;
    backgroun-image: url("../img/someImage.jpg");
    width: 100%;
    height: 100%;
    background-size: cover;
    }

    I'm a mess with CSS styles .. but this works for me on bootstrap 3.3.5 (2015)

  14. JoĂŁo Paulo
    June 12, 2019 at 16:42

    Very Good !!!

  15. Rasel Ahammad
    June 12, 2019 at 16:42

    how can i make background image width 100%?? pls help me

  16. Camilo Elgueta Basso
    June 12, 2019 at 16:42

    nice video

  17. Ricardo Vieira
    June 12, 2019 at 16:42

    Sekhar,

    Thank you a lot. This video help a lot!
    Brazil-Pará-Belém

  18. Ricardo Vieira
    June 12, 2019 at 16:42

    Sekhar,

    Thank you! This video help me a lot!
    Brazil – Pará – BelĂ©m

  19. Ricardo Vieira
    June 12, 2019 at 16:42

    Sekhar,

    Thank you! This video help me a lot!
    Brazil – Pará – BelĂ©m

  20. Ricardo Vieira
    June 12, 2019 at 16:42

    Sekhar,

    Thank you! This video help me a lot!
    Brazil / Pará / Belém

  21. Ricardo Vieira
    June 12, 2019 at 16:42

    Sekhar,

    Thank you! This video help me a lot!
    Brazil / Pará / Belém

  22. annahoj90
    June 12, 2019 at 16:42

    In my case, that image doesn't apply

  23. tom sawyer
    June 12, 2019 at 16:42

    pretty bad html markup… jumbo tron means 12 column will be occupied .so why col-md-12??and unnecessary row div? plus your bg image is not responsive.. what a waste of time ur tut

Leave A Comment

You must be logged in to post a comment.