Hi,
I am using bootstrap with Sharepoint webpart,buttons locations is bit up according to others controls
How can I align properly
Problem:
Below is code :
<div class="form-group">
<div class="row">
<div class="row">
<div class="col-md-0">
</div>
<div class="col-md-12">
</div>
<div class="col-md-12">
<div class="panel
panel-default">
<div class="panel-heading">
Document Uplaod
</div>
<input type="hidden" id="ddlvalue_forsuucess" value="1" />
<input type="hidden" id="hid_deptID" value="0" />
<%--<div class="form-group">
<div class="form-row">
<div class="panel-heading">
Document Uplaod
</div>
<input type="hidden" id="ddlvalue_forsuucess" value="1" />
<input type="hidden" id="hid_deptID" value="0" />
<%--<div class="form-group">
<div class="form-row">
<div class="col-md-12">
</div>
</div>
</div>--%>
<div class="form-group">
<div class="row">
</div>
</div>
</div>--%>
<div class="form-group">
<div class="row">
<div class="col-md-0">
<div class="form-label-group">
</div>
</div>
<div class="col-md-4">
<div class="form-label-group">
<span>Document Name</span>
<input type="text" name="displayName_" id="displayName" class="form-control" style="width: 100%" size="30" maxlength="40" />
</div>
</div>
<div class="form-label-group">
</div>
</div>
<div class="col-md-4">
<div class="form-label-group">
<span>Document Name</span>
<input type="text" name="displayName_" id="displayName" class="form-control" style="width: 100%" size="30" maxlength="40" />
</div>
</div>
<div class="col-md-4">
<div class="form-label-group">
<span>Document Number</span>
<input type="text" name="docnumber_" id="docnumber" class="form-control" style="width: 100%" size="30" maxlength="40" />
</div>
</div>
<%--<div class="col-md-3">
<div class="form-label-group">
<span> Doc.Level </span>
<select id='ddldoclevel' style='width: 100%' class='form-control'>
<option value='0'>-- none -- </option>
<option value='I'>I </option>
<option value='II'>II </option>
<option value='III'>III </option>
</select>
</div>
</div>--%>
</div>
</div>
<div class="form-group">
<div class="row">
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-0">
<div class="form-label-group">
</div>
</div>
<div class="col-md-4">
<div class="form-label-group">
<div class="form-label-group">
</div>
</div>
<div class="col-md-4">
<div class="form-label-group">
<span>Version Name</span>
<input type="text" name="docversion_" id="docversion" class="form-control" style="width: 100%" size="30" maxlength="40" />
<input type="text" name="docversion_" id="docversion" class="form-control" style="width: 100%" size="30" maxlength="40" />
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-label-group">
<span>Choose File to Upload </span>
<input id="getFile" type="file" class="form-control" style="width: 100%" />
</div>
</div>
<div class="col-md-0" id="div_fileupload">
<div class="form-label-group">
<button type="button" id="addFileButton" class="btn btn-primary" onclick="uploadFiletoLibrary();"><i class="fa fa-upload"></i> Upload</button>
</div>
</div>
<div class="col-md-0" id="div_edg">
<div class="form-label-group">
<button type="button" id="btnedg" class="btn btn-primary"><i class="fa fa-gears"></i> Create EDG</button>
</div>
<div class="col-md-0" id="div_edg">
<div class="form-label-group">
<button type="button" id="btnedg" class="btn btn-primary"><i class="fa fa-gears"></i> Create EDG</button>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
</div>
<div class="form-group">
<div class="row">
<div class="col-md-4">
</div>
<%--<div class="col-md-1" id="div_fileupload">
<div class="form-label-group">
<button type="button" id="addFileButton" class="btn btn-primary btn-sm" onclick="uploadFiletoLibrary();"><i class="fa fa-upload"></i> Upload</button>
</div>
<%--<div class="col-md-1" id="div_fileupload">
<div class="form-label-group">
<button type="button" id="addFileButton" class="btn btn-primary btn-sm" onclick="uploadFiletoLibrary();"><i class="fa fa-upload"></i> Upload</button>
</div>
</div>
<div class="col-md-1" id="div_edg">
<div class="form-label-group">
<button type="button" id="btnedg" class="btn btn-primary btn-sm"><i class="fa fa-gears"></i> Create EDG</button>
</div>
<div class="col-md-1" id="div_edg">
<div class="form-label-group">
<button type="button" id="btnedg" class="btn btn-primary btn-sm"><i class="fa fa-gears"></i> Create EDG</button>
</div>
</div>--%>
</div>
</div>
</div>--%>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>