How to do an "notice" box

[jehoshua7]

I have been testing the hugo-theme-relearn and it does an info box as can be seen at https://relearn.netlify.app/

The md code was

{{% notice info %}} The theme initially was a fork of the great .......{{% /notice %}}

The generated html is

<div class="label">Info</div><p>The theme initially was a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for Learn theme.</p>

Is there a method to do this in the bootstrap theme ? Possibly something like a one row/one column html table ?

[razonyang]

It can be implemented by creating custom shortcode.

// layouts/shortcodes/notice.html
<div class="label">Info</div><p>{{ .Inner }}</p>

// post.md
{{< notice >}}
msg
{{< /notice >}}

[jehoshua7]

@razonyang - Thanks, the code works fine.