<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>
<body>
<div class="container">
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" style="margin-top: 10px;" >Modal
</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="col-md-8 col-md-offset-2 col-sm-6 col-sm-offset-3 Walia">
<div class="backcolor">
<span class="close" data-dismiss="modal">×</span>
<div class="row text-center h2back">
<h2>Profile
</h2>
</div>
<form>
<div class="col-md-6 col-sm-6">
<label>First Name:
</label>
<input type="text" class="form-control" placeholder="Walia">
</div>
<div class="col-md-6 col-sm-6">
<label>Last Name:
</label>
<input type="text" class="form-control" placeholder="Walia">
</div>
<div class="col-md-6 col-sm-6">
<label> Address:
</label>
<input type="text" class="form-control" placeholder="Punjab">
</div>
<div class="col-md-6 col-sm-6">
<label> Mobile No.
