很可能类alert-*是在Jupyter Notebook中预定义的，而不是在Google Colab中。我看到了一个简单的解决方案--只需自己定义这些类，可能如下所示：

.alert {
  border-radius: 10px;
  background-color: #bbb;
  border: 2px solid #999;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Arial', sans-serif;
}

.alert-heading {
  display: block;
  font-size: 30px;
  margin-bottom: 15px;
}

.alert-info {
  background-color: #1af !important;
  border: 2px solid #04a !important;
}

<div role="alert" class="alert alert-info">
  <span class="alert-heading">Note</span>

  An example of a nicely formatted box
</div>

或者更改颜色（1af等）。
如果您需要一个比运行上面代码段时出现的框更好的框，您可以使用第一个漂亮框示例中的样式。

• 更新 *：另一个不错的警告。

一个二个一个一个

文本单元格使用markdown版本格式化，GitHub也使用该语言版本。GitHub对该功能的支持仍然是discussed。
我将UTF-8图标与引号块结合使用：

> # 🗒 Info
> This is a note.

> # ⚠ Warning
> This is a warning.

> # ⛔ Alert
> This is an alert.

也许你可以把你的代码块作为%%html语句来执行

%%html
<div class="alert alert-info" role="alert" style="color: rgba(0,0,0,.8); background-color: white; margin-top: 1em; margin-bottom: 1em; margin:1.5625emauto; padding:0 .6rem .8rem!important;overflow:hidden; page-break-inside:avoid; border-radius:.25rem; box-shadow:0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1); transition:color .25s,background-color .25s,border-color .25s ; border-right: 1px solid #dee2e6 ; border-top: 1px solid #dee2e6 ; border-bottom: 1px solid #dee2e6 ; border-left:.2rem solid #007bff80;">
<h3 class="alert-heading"><i class="fa fa-comment"></i> Note</h3>

An example of a nicely formatted box

</div>