The following code shows how to mark panel heading and body.
<!--from w ww .j av a 2 s.c om-->
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='http://code.jquery.com/jquery-1.9.1.js'></script>
<link rel="stylesheet" type="text/css"
href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css">
<script type='text/javascript'
src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
</head>
<body style='margin:30px'>
<div class="panel panel-default">
<div class="panel-heading">
<b>Order Item</b>
</div>
<div class="panel-body">
<div class="row">
<div class="span6">
<label align="text-center">First Name</label>
<input type="text" class="span6" align="text-center" placeholder="Your First Name">
<label align="text-center">First Name</label>
<input type="text" class="span6" align="text-center" placeholder="Your First Name">
</div>
</div>
<div class="row">
<div class="span6">
<h4 class="muted text-center">Reach Us to best computer system</h4>
</div>
</div>
</div>
</div>
</body>
</html>