Estou tendo um problema com html, pois preciso adicionar uma imagem no fundo de um container e estou utilizando bootstrap, já tentei adicionar a class em um css separado, mas mesmo assim não funciona
.bg-back{
background-color: transparent;
background-image: url("./imagem/bg.jpg");
}
<main>
<section class="bg-back">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container" align="center">
<div class="input-group col-lg-6">
<input type="text" class="form-control" placeholder="">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Pesquisar</button>
</span>
</div>
</div>
<br>
<br>
<br>
<br>
</section>
</main>
background-image
assim:url(./imagem/bg.jpg)
se mesmo assim não funcionar é pq o caminho para sua pasta está errado, ai vc pode tentar colocar um " . " a mais no inicio do path, caso a imagem está uma pasta "fora" da pasta onde está seu arquivo.css
. assim: " ../ "background-image: url(../imagem/bg.jpg);