I am currently working on a form that will appear in a modal, but I need it to be centrally aligned so that I can reduce the size of the modal. Here is what I have implemented so far:
It seems like there is some space being "reserved" for columns that are not being utilized. How can I adjust this to decrease the size effectively? Below is my code snippet:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<div id="div_pedidoWeb" class="form-inline modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h4 class="modal-title">Pedido Web</h4>
</div>
<div class="container-fluid">
<div class="modal-body">
(Form fields included)
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Confirmar</button>
</div>
</div>
</div>
</div>