I am trying to create an alert in my Asp.Net Mvc application. I am using this html, basically taken straight from the Bootstrap website:
<div id="notifications" style="z-index: 1" padding="10">
<div class="alert alert-success alert-dismissible fade show" id="alert1" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
This is an Alert.
The problem is that when I load the page, the alert takes up the proper space on the page, but is invisible. I can find the close button by slowly strafing my mouse over the region, and clicking on it does dismiss the alert, but at no point is anything visible. I thought that
z-index: 1 might have fixed it, but no such luck.
I have also tested this on a new Asp.Net project with the same problem. How do I get the alert to display properly?