<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Simple 2-column Form View</h2> </div> <div class="row"> <fieldset class="for-panel"> <legend>Contact Info</legend> <div class="row"> <div class="col-sm-6"> <div class="form-horizontal"> <label class="col-xs-5 control-label">Contact Name:</label> <p class="form-control-static">Srinivas Buddha</p> <label class="col-xs-5 control-label">Phone Number: </label> <p class="form-control-static">988-630-6659</p> <label class="col-xs-5 control-label">Contact Type: </label> <p class="form-control-static">Home</p> </div> </div> <div class="col-sm-6"> <div class="form-horizontal"> <label class="col-xs-4 control-label">Address: </label> <p class="form-control-static">248, Markway Ave, Moorpark Dr</p> <label class="col-xs-4 control-label">City:</label> <p class="form-control-static">Simmi Valley</p> <label class="col-xs-4 control-label">State:</label> <p class="form-control-static">CA</p> <label class="col-xs-4 control-label">Country:</label> <p class="form-control-static">USA</p> <label class="col-xs-4 control-label">Zip Code:</label> <p class="form-control-static">92432</p> </div> </div> </div> </fieldset> </div> </div>

fieldset.for-panel { background-color: #fcfcfc; border: 1px solid #999; border-radius: 4px; padding:15px 10px; background-color: #d9edf7; border-color: #bce8f1; background-color: #f9fdfd; margin-bottom:12px; } fieldset.for-panel legend { background-color: #fafafa; border: 1px solid #ddd; border-radius: 5px; color: #4381ba; font-size: 14px; font-weight: bold; line-height: 10px; margin: inherit; padding: 7px; width: auto; background-color: #d9edf7; margin-bottom: 0; }