it-roy-ru.com

Как поместить фоновое изображение в форму Bootstrap?

Я пытаюсь поместить фоновое изображение в мою форму (как за текстом и входными данными, как фоновое изображение моего веб-сайта), используя платформу Bootstrap, но изображение появляется внизу, и я хочу, чтобы оно было внутри контейнера ». 

Мой код примерно такой:

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

Вы пытались установить фоновое изображение этого контейнера в качестве изображения? IE:

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

Или вы можете сделать это в строке:

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

или ты можешь попробовать вот так ..

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

и в css вот так:

.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