The title in the modal isn't visible.
Even when I highlight it with a mouse, it still doesn't show up. I attempted to add modal-content color: #000, but unfortunately, it had no effect.
As of 01/11/16 1:28PM CST, none of the responses and answers provided have solved the issue.
I forgot to mention that I'm currently using Bootstrap 4 Alpha version. Despite checking out the modal section of version 4 for any changes, setting top: 100px was the only thing that worked. Any further suggestions are welcome!
Can anyone spot what might be wrong within the HTML code?
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
Newsletter
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 class="text-body modal-title" id="myModalLabel">
Subscribe to Newsletter
</h4>
</div>
<div class="modal-body">
<form class="form-signin">
<h2 class="form-signin-heading">Receive Our Newsletter</h2>
<label for="inputEmail" class="sr-only">Name</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Name" required autofocus>
<label for="inputEmail" class="sr-only">City & State</label>
<input type="email" id="inputEmail" class="form-control" placeholder="City & State" required autofocus>
<label for="inputPassword" class="sr-only">Email address</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Email Address" required>
<hr>
<button class="btn btn-lg btn-primary btn-sm" type="submit">Subscribe</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>