[help] ALIGNING ELEMENTS IN BOOTSTRAP!

[gutomlagi]

View attachment 203468

help nmn sa pag aalign ng form na to huhuhu BOOTSTRAP po!

<ul class="pager" ><li class="next " ><a href="logout.php" name="logout">Logout</a>
<div class="col-md-6 ">

    <img src="profilepics/sample.jpg" class="img-circle pull-left" width =200 height=200 >

</div>

<form class="form-horizontal " role="form">

  <div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="lg">First name</label>
    <div class="col-xs-5">
      <input class="form-control" type="text" id="lg">
    </div>
  </div>
  <div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="sm">Middle name</label>
    <div class="col-xs-5">
      <input class="form-control" type="text" id="sm">
    </div>
  </div><div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="sm">Last name</label>
    <div class="col-xs-5">
      <input class="form-control" type="text" id="sm">
    </div>
  </div>
<div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="sm">Contact Number</label>
    <div class="col-xs-5">
      <input class="form-control" type="text" id="sm">
    </div>
  </div>
<div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="sm">Email</label>
    <div class="col-xs-5">
      <input class="form-control" type="text" id="sm">
    </div>
  </div>
<div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="sm">Username</label>
    <div class="col-xs-5">
      <input class="form-control" type="text" id="sm">
    </div>
  </div>
  <div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="sm"></label>
    <div class="col-xs-5">
      <a href="retreivepass.php"><input class="btn btn-default"
      name="submit" type="button" id="sm" value="Reset Password" ></a>
      <input class="btn btn-default" type="button" id="sm1" value="Edit" onClick="changetext()">
    </div>
  </div>

</form>