When using colored note boxes in jupyter notebooks, the following text cell is not correctly rendered in Google Colab:
<div class="alert alert-block alert-info">
<b>Tip: </b>
Use blue boxes for Tips and notes. If it’s a note, you don’t have to include the word “Note”.
</div>
You can try to run this on Colab instead. Don't forget to use the magic line %%html. I just modified the code of @user2304916 from here.
%%html
<style>
div.warn {
color: #356A89;
background-color: #D4EAF7;
border-left: 5px solid #3C82E3;
padding: 0.5em;
}
</style>
<div class=warn>
Use blue boxes (alert-info) for tips and notes.
If it’s a note, you don’t have to include the word “Note”.
</div>
<style>
div.warn {
color: #356A89;
background-color: #D4EAF7;
border-left: 5px solid #3C82E3;
padding: 0.5em;
}
</style>
<div class=warn>
Use blue boxes (alert-info) for tips and notes.
If it’s a note, you don’t have to include the word “Note”.
</div>