Home Why is Bootstrap alert invisible?
Reply: 0

Why is Bootstrap alert invisible?

user1046
1#
user1046 Published in May 26, 2018, 11:39 pm

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">
           <span aria-hidden="true">&times;</span>
        </button>
    This is an Alert.
    </div>
</div>

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?

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.312491 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO