web-dev-qa-db-fra.com

Comment mettre une image de fond sur un formulaire Bootstrap?

J'essaie de mettre une image d'arrière-plan sur mon formulaire (comme derrière le texte et les entrées, tout comme une image d'arrière-plan de mon site Web), à l'aide du cadre Bootstrap mais l'image apparaît en bas et je la veux dans le "conteneur" ".

Mon code ressemble à ceci:

<div class="container">
    <div class="thumbnail">
        <form....>
            <fieldset>
            .
            .
            .
        </form>
        <img src="cs.jpg" class="img-responsive">
    </div>
<div>
htmlcsstwitter-bootstraptwitter-bootstrap-3
3
Gerardo Tarragona

Avez-vous essayé de définir l'image d'arrière-plan de ce conteneur en tant qu'image? C'EST À DIRE:

.container {
    background-image: url("cs.jpg");
}

Ou vous pouvez le faire en ligne:

<div class="container" style="background-image: url('cs.jpg');">
    ...
</div>
2
NathanG

ou vous pouvez essayer comme ça ..

<body>
    <div class="jumbotron">
    <div class="container">
        <h1>Hello, world!</h1>
        <p>...</p>
    </div>
    </div>
</body>

et en css comme ceci:

.jumbotron {
    position: relative;
    background: #fff url("slide.jpg") center center;/*slide.jpg =>you image*/    
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}
1
lazydeveloper