bootstrap grid tidak berfungsi saat menggunakan tag form

ini kenapa ya setiap saya pakai tag form, class "col-md-6 col-md-offset-3" jadi tidak berfungsi. kalau tag form nya saya hapus, "class col-md-6 col-md-offset-3" jadi berfungsi lagi.

 <body id="home">
        <div class="container-fluid" >
          <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <div id="imaginary_container"><h1>Laravel</h1>
                    <div class="input-group stylish-input-group">
                      <form action="info" method="get">
                        <input  type="text" name="search" class="form-control"  placeholder="Cari Produk Anda Disini..." >
                            <span class="input-group-addon">
                              <button type="submit" >
                                Cari
                              </button>
                            </span>
                      </form>
                    </div>
                </div>
            </div>
          </div>
        </div>
      </body>

CSS nya

#imaginary_container{
    margin-top:40%;
}
.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control{
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
}
.form-control .{
  width:150%
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
h1{
  font-size: 70px;
  text-align: center;
  color: #DFF8F3;
}
}
#navBarSearchForm input[type=text]{
  width:275px !important;
}
#brands{
  font-size: 30px;
  color: #DFF8F3;
}
#home,#navigasi,#navBarSearchForm{
  background-color: #FF8A87;
}

sebelum menggunakan tag form

setelah menggunakan tag form malah jadi begini

css

@Azdhil

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Kelas Premium! Belajar bikin website dari nol sekarang

bootstrap grid tidak berfungsi saat menggunakan tag form

Kelas Premium!
Belajar bikin website dari nol sekarang