The modal, despite the same thing working fine on other pages, won't stretch to fit it's content and ends up too short. The only thing that seems to fix it is adding another div
or p
element with any content below it and I'd rather not have to do that.
HTML:
<!-- Donate modal -->
<div class="modal fade" id="donate" tabindex="-3" role="dialog" aria-labelledby="donateToDev" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="donateTitle">Donate</h5>
</div>
<div class="modal-body">
<p class="text-center">There's nothing to unlock by donating, but you will be considered awesome by the dev! Who doesn't like being awesome?</p>
<div class="text-center">
<div style="float:left;display:inline;">
PAYPAL
</div>
<div style="float:right;display:inline;">
<p class="bold text-center">Or you could donate with <a href="http://dogecoin.com">Dogecoin</a>:
<p class="code">doge donate address here</p>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
CSS:
.bold { font-weight: bold; }
.text-center { text-align: center; }
Result:
Try this :
<div class="modal-body" style="overflow-y:auto;">
You are not clearing your floats. To quickly solve the issue you could add "clearfix" to the div with the "text-center" class.
Read about it here: http://getbootstrap.com/css/#helper-classes-clearfix
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With