Using Bootstrap Jumbotron with Fixed Background Image



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


23 responses to “Using Bootstrap Jumbotron with Fixed Background Image”

  1. 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?

  2. 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 .

  3. +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)

  4. 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 Reply