# Bootstrap in Markdown File

**URL:** <https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419>\
**Category:** support\
**Created:** [November 21, 2018, 10:23am UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419 "2018-11-21T10:23:18Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Atul\_Awasthi](https://avatars.discourse-cdn.com/v4/letter/a/91b2a8/32.png) [@Atul\_Awasthi](https://discourse.gohugo.io/u/Atul_Awasthi)\
**Post date:** [November 21, 2018, 10:23am UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419/1 "2018-11-21T10:23:19Z")

</div>

Hi  
can we have use bootstrap structure in markdown file? and if it is then please tell me how I implement bootstrap structure( it mean like

 ).

Please help me…

Thanks

---

<div class="post-metadata">

**Author:** ![RickCogley](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rickcogley/32/10269_2.png) [@RickCogley](https://discourse.gohugo.io/u/RickCogley)\
**Post date:** [November 21, 2018, 10:31am UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419/2 "2018-11-21T10:31:03Z")

</div>

Try pasting a structure (like a card etc) into your markdown file. HTML should render, even if it’s inside a .md file.

---

<div class="post-metadata">

**Author:** ![Atul\_Awasthi](https://avatars.discourse-cdn.com/v4/letter/a/91b2a8/32.png) [@Atul\_Awasthi](https://discourse.gohugo.io/u/Atul_Awasthi)\
**Post date:** [November 21, 2018, 10:37am UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419/3 "2018-11-21T10:37:00Z")

</div>

But is this a good way?

---

<div class="post-metadata">

**Author:** ![Atul\_Awasthi](https://avatars.discourse-cdn.com/v4/letter/a/91b2a8/32.png) [@Atul\_Awasthi](https://discourse.gohugo.io/u/Atul_Awasthi)\
**Post date:** [November 21, 2018, 10:48am UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419/4 "2018-11-21T10:48:15Z")

</div>

Hi @RickCogley Are you there?

---

<div class="post-metadata">

**Author:** ![RickCogley](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rickcogley/32/10269_2.png) [@RickCogley](https://discourse.gohugo.io/u/RickCogley)\
**Post date:** [November 21, 2018, 12:19pm UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419/5 "2018-11-21T12:19:09Z")

</div>

I’d say it works fine and I’ve used that sort of technique many times. If you need structure around the content of your markdown `{{ .Content }}` then, you should put bootstrap in your templates instead, of course. It’s unclear what you’re trying to do from the above.

---

<div class="post-metadata">

**Author:** ![RickCogley](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rickcogley/32/10269_2.png) [@RickCogley](https://discourse.gohugo.io/u/RickCogley)\
**Post date:** [November 21, 2018, 10:27pm UTC](https://discourse.gohugo.io/t/bootstrap-in-markdown-file/15419/6 "2018-11-21T22:27:47Z")

</div>

For some things, short codes are a good option.

> [@Shortcode for bootstrap 4 carousel using page resources](https://discourse.gohugo.io/t/shortcode-for-bootstrap-4-carousel-using-page-resources/15431):
>
> Frontmatter: resources: - src: carousel/slide1.jpg name: slide title: slide 1 - src: carousel/slide2.jpg name: slide title: slide 2 - src: carousel/slide3.jpg name: slide title: slide 3 shortcode carousel.html: {{ $slides := ( $.Page.Resources.Match "slide\*" ) }} \<div class="section" id="carousel"\> \<div class="container"\> {{ with .Get "title" }} \<div class="title"\> \<h4\>{{ . }}\</h4\> \</div\> {{ end }} \<…