Using span structure in modal view is causing overflow issues when using .row, .row-fluid, or spans within the modal.
<div id="login_register_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<!-- Header -->
<div class="modal-header"> </div>
<!-- body -->
<div style="color:black;" class="modal-body">
<!-- Trying to use 2 span6 elements in a row div inside modal but experiencing overflow issues-->
<div class="row">
<div class="span-6"> left content</div>
<div class="span-6"> right content</div>
</div>
</div>
<!--footer -->
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
If this layout is not possible in Bootstrap, how can I divide the modal into two equal parts?