Search code examples
htmlvisual-studiojupyter-notebookstyling

Alert-block in Jupyter notebook VScode


I would like to create an alert-block in a Jupyter-notebook using this code:

<div class="alert alert-block alert-danger"> In general, just avoid the red boxes. </div>

When I try this in a Jupyter-notebook via Anaconda-navigator it works like this:

enter image description here

When I try the exact same code in VS code it returns the following:

enter image description here

So I was wondering if anyone knows how to fix this in vscode?


Solution

  • Couple months later and it now works using a newer version 1.0.17 of VScode. Here is now the output using the follwing code in Jupyter notebook:

    <div class="alert alert-block alert-danger"> In general, just avoid the red boxes. </div>
    

    Output:

    enter image description here

    As you can see the alert-blocks are now currently visible. It is also mentioned in this issue.