Bootstrap tampilan

gan mau tanya ni.. gimana supaya tampilan bagus ya, maunya 1 baris kesana itu ada tiga produk na produk ke empat di baris kedua dan seterusnya.

ini kodenya gan..

 <div class="container">
		<div class="content-top">
			<h5 class="welcome">WELCOME TO HOUSE OF CALLYSTA</h5>
			<div class="search">
				<form>
					<input type="text" value="type your search here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
					<input type="submit" value="">
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!---->
		<div class="content-middle">
			<div class="middle-content">
				<div class="middle">
					<h3>SELAMAT DATANG</h3>
					<p>House Of Callysta | Shop & konveksi</p>
					<p class="from">Batik | Baju | Celana</p>
				</div>
				<a href="product.html" class="get">Lihat Produk</a>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!---->
		<?php
		$no = 0;
		$produk=$mysqli->query("SELECT * FROM tb_produk order by rand() LIMIT 4 ");
		?>
		<?php
		while($m=mysqli_fetch_array($produk)){
			$no++;
			?>
			<div class="content-bottom">
				<div class="col-md-4 bottom-content">
					<a href="single.html"><img class="img-responsive"
					src="admin/images/produk/<?php echo $m['gambar']; ?>" alt="" >
						<p class="tun"><?php echo $m['nama_produk']; ?></p>
						<p class="number">Rp.<span><?php echo $m['harga']; ?></span></p>
						<div class="pro-grid">
							<p><?php echo $m['nama_produk']; ?></p>
							<b><?php echo $m['kategori']; ?></b>
							<div class="pro-btns">
								<span class="detail" >Detail</span>
								<span class="buy-in" >ADD TO CART</span>
							</div>
						</div>
					</a>
				</div>
			</div>
			<?php } ?>
			<div class="clearfix"> </div>

		</div>