Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban