how to get a form side by side with another row bootstrap
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="col-xs-6">
<div class="form-group field-projects-loadlength has-success">
<label class="control-label" for="projects-loadlength">Length</label>
<input type="text" id="projects-loadlength" class="form-control" name="Projects[LoadLength]" value="120.00" tabindex="32" aria-invalid="false" />
<p class="help-block help-block-error "></p>
</div>
</div>
<div class="col-xs-6">
<div class="form-group field-projects-loadlength has-success">
<input type="text" id="projects-loadlength" class="form-control" name="Projects[LoadLength]" value="120.00" tabindex="34" />
<p class="help-block help-block-error "></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
// column 2 content
</div>
<div class="col-md-4">
// column 3 content
</div>
</div>
</div>