Bootstrapを使って、背景画像と入力フォームを重ねたいです

Question

前提・実現したいこと

Bootstrapを使ってホームページを作成しています。
背景画像と入力フォームを重ねて表示しようとしたところ、どうしても上下に分かれてしまいます。
よろしくお願いします。

該当のソースコード

<div class="row">
       <img src="office.png" class="w-100 cover-img">
 
       <br>
       <div class="col-4">
         <h2>Airbnbホストになって、暮らしをレベルアップ</h2>
         <div class="row">
           <div class="col-md">
             <form>
               <div class="form-group col-5">
                 <label class="font-weight-bold">宿泊施設を記入</label>
                 <input type="text" class="form-control">
                 <div class="row mt-2  ">
                   <select class="form-control col-7 ">
                     <option>まるまる貸し切り</option>
                     <option>個室</option>
                     <option>シェアルーム</option>
                   </select>
                   <select class="form-control col-5">
                     <option>ゲスト1人</option>
                     <option>ゲスト2人</option>
                     <option>ゲスト3人</option>
                     <option>ゲスト4人</option>
                     <option>ゲスト5人</option>
                   </select>
                   
                   <button class="mt-4 btn btn-primary btn-block">はじめる</button>
                 </div>
               </div>
             </form>
           </div>
         </div>
       </div>
     </div>

試したこと

imgタグのclassにcover-imgを設定する

補足情報（FW/ツールのバージョンなど）

目標例
https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1590018580_ZTE3NzY1ZWRkZjM5

Comments

[yuki84web]

CSSも掲載して下さい

[TOMZ12]

Bootstrapを用いればCSSを用いなくてもレイアウトを整えることが可能だと考え、CSSを使っていませんでした。ホームページをBootstrapのみでレイアウトすることは難しいでしょうか。初歩的な質問で申し訳ありません。

[yuki84web]

少なくとも「背景画像を設定する」の背景画像（ファイル）の指定は、自分で書かないと無理なはずですし、「どうしても上下に分かれてしまいます」ということは、自分で書いたCSSがあるのでは？と思ったまでです。

[TOMZ12]

CSSを用いbackground-imageを設定することで解決することができました。
ありがとうございました。

Answer 1

CSSを用いセレクタに
background-image:url();
background-repeat: no-repeat;
background-size:100%;
とすることで解決できました。