Hi, I'm Sonal and I'm currently utilizing a Modal on my website. Within this Modal, I am looking to create a form with labels and input boxes displayed on the same line. Below is the code snippet I am working with:
<a data-toggle="modal" href="#work" style="float:right;font-size:60%;">
<small> Edit
</small>
</a>
<div class="modal fade " id="work">
<div class="modal-dialog ">
<div class="modal-content light">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
<h4 class="modal-title">work
</h4>
</div>
<div class="modal-body">
<form>
<fieldset>
<label for="Company">Company Name:
</label>
<input type="text" name="Company" id="inputbox"
class="form-control" />
<br>
<label for="Job">Job Title:
</label>
<input type="text" name="Job" id="inputbox"
class="form-control" />
<br>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close
</button>
<button type="button" class="btn btn-primary">Save changes
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
This is my current modal setup where the labels "Company Name" and "Job Title" are displayed alongside their respective input boxes in a single line format.