css conflicts with boostrap's css

[filomat]

I am trying to draw a flowchart and using mermaid.forest.css stylesheet. Flowcharts look beautiful without bootstrap.css:

But if I include stylesheet /bootstrap/css/bootstrap.css text looks small and ugly, lables and edges don't show html tags:

Can I use mermaid along with bootstrap 3?

[knsv]

The only styling applied by mermaid for lables are the color. SO other styles applied by bootstrap would then kick in.

If you want other styling for the labels you can apply more specific styles for the label via css:

.mermaid .label {
   color:#333
  /* Other styling here */
}

I hope this helps.

[utdrmac]

bootstrap overrides/sets A LOT of defaults!

[tylerlong]

Latest version of mermaid scope all of its own CSS in chart ID. If you can still reproduce it, create a new issue. Thanks.