A bookmark card concept

[sandsoncosta]

I saw a bookmark card on a blog and I thought the idea was really interesting and I thought it would be a good idea to have a tag to enrich the theme.

The blog: https://skiptotheendpoint.co.uk/dot-slash-administrator-a-security-risk-analysis/

I did a custom on my blog and got a very interesting end result.

I thought it looked really interesting. Now in my case, I changed the color manually. I actually copied and pasted the html and css.

But the idea is that it would be something like this:

And it would automatically stay on that card. If the theme is black, the white card, if it is light, the black card. Or dark and dark and light and light.

Set a size, choose whether to center or not.

[razonyang]

It looks useful, please track this feature on hugomods/bootstrap#163.

[razonyang]

Available since github.com/hugomods/bootstrap@v0.23.0, please check the PR for how to use it.

Set a size, choose whether to center or not.

The request above doesn't make sense to me, it always to take full width of parent element, if you want to make it to take less spaces, please wrap it with Bootstrap grid, for example.

{{< bs/col offset="0 lg:2" size="12 lg:8" >}}
{{< bs/bookmark-card ... >}}
{{< /bs/col >}}

Tweak the size and offset to meet your needs.

[sandsoncosta]

Very good! Perfect!

Thanks for feature!

[razonyang]

No problem, BTW, you can apply utilities on the card, for example, to add gap between card and next paragraph.

{{< bs/col class="mb-2" offset="0 lg:2" size="12 lg:8" >}}
...
...