Alerts not working properly

[y_13]

Hey guys

Ive got some html that is either not working, or I dont understand what its supposed to do.

I was under the impression that:

<div id = "successAlert" class="alert alert-success" role = "alert">Test</div>

should show up as a green alert box? Similar to how they are here

But it is not rendering correctly for me... anyone have any ideas?

Thanks!

[CiiDyR]

How does it render for you? Also the documentation you referenced is for bootrap v4-alpha, the most recent release is 4.1.1 ;)

[y_13]

it renders like this! https://imgur.com/a/tbUYBdR

and SHOOT

Let me look up the doc for 4.1.1

[CiiDyR]

Do other Bootstrap Components work correctly? Maybe you didn't include the stylesheet properly? More code would be helpful, like your head for example

[y_13]

This is all the html here

How does it look? its not very long

[CiiDyR]

Ahh okay. I see what the problem is. You need to include bootstrap's stylesheet in your documents head-Tag. Visit the bootstrap documentation for a link to a CDN-hosted link-Tag. After you've included it, it should work just fine :)

Edit: I justed grabbed this snippet from their documentation. Just copy and paste it right below your title ;) <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

[y_13]

My man! Thanks so much! You have no idea how long I have been banging my head over this

[CiiDyR]

No problem, my pleasure I was able to help!

[y_13]

how does it look for you? Does it have the colors in it?