my text fields not shown in front of labels

my text fields not shown in front of labels

my text field not shown in front of labels.how can i do this my code is
given below: my text field not shown in front of labels.how can i do this
my code is given below: my text field not shown in front of labels.how can
i do this my code is given below:
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputProposalname" class="col-lg-2 control-label">Proposal
name</label>
<div class="col-lg-3">
<input type="text" class="form-control" maxlength="255"
required="required" id="email" placeholder="Proposalname">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputDescription" class="col-lg-2
control-label">Description</label>
<div class="col-lg-3">
<textarea required="required" placeholder="Description"
class="form-control" rows="3" id="description"></textarea>
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputTemplateId" class="col-lg-2 control-label">Template
Id</label>
<div class="col-lg-3">
<input type="number" class="form-control" required="required"
id="templateid" placeholder="Template id">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputClientId" class="col-lg-2 control-label">Client Id</label>
<div class="col-lg-3">
<input type="number" class="form-control" required="required"
id="clientid" placeholder="Client id">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputStatus" class="col-lg-2 control-label">Status</label>
<div class="col-lg-3">
<input type="text" class="form-control" maxlength="255"
required="required" id="status" placeholder="Status">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputCreatedby" class="col-lg-2 control-label">Created by</label>
<div class="col-lg-3">
<input type="number" class="form-control" required="required"
id="createdby" placeholder="Created by">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputUpdatedby" class="col-lg-2 control-label">Updated by</label>
<div class="col-lg-3">
<input type="number" class="form-control" required="required"
id="updated by" placeholder="Updated by">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputCreateddatetime" class="col-lg-2
control-label">Createddatetime</label>
<div class="col-lg-3">
<input type="datetime" class="form-control" required="required"
id="createddatetime" placeholder="Created datetime">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<label for="inputUpdateddatetime" class="col-lg-2
control-label">Updateddatetime</label>
<div class="col-lg-3">
<input type="datetime" class="form-control" required="required"
id="updateddatetime" placeholder="Updated datetime">
</div>
</div>
<div class="clearfix"></div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<button type="submit" class="btn btn-default" >Create</button>
</div>
</div>
</form>