</div>
-
+
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
<li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
</ul>
</div>
-
+
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Brand guidelines</h1>
<div class="bd-brand-logos">
<div class="bd-brand-item">
- <img class="svg" src="/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144" />
+ <img class="svg" src="/docs/4.1/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144" />
</div>
<div class="bd-brand-item inverse">
- <img class="svg" src="/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144" />
+ <img class="svg" src="/docs/4.1/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144" />
</div>
</div>
<div class="bd-brand-logos">
<div class="bd-brand-logos">
<div class="bd-brand-item">
- <img class="svg" src="/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144" />
+ <img class="svg" src="/docs/4.1/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144" />
</div>
<div class="bd-brand-item inverse">
- <img class="svg" src="/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144" />
+ <img class="svg" src="/docs/4.1/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144" />
</div>
<div class="bd-brand-item inverse">
- <img class="svg" src="/assets/brand/bootstrap-punchout.svg" alt="Bootstrap" width="144" height="144" />
+ <img class="svg" src="/docs/4.1/assets/brand/bootstrap-punchout.svg" alt="Bootstrap" width="144" height="144" />
</div>
</div>
<div class="bd-brand-logos">
<div class="bd-brand-item">
<span class="h3">Bootstrap</span>
- <strong class="text-success">Right</strong>
+ <div class="text-success">Right</div>
</div>
<div class="bd-brand-item">
<span class="h3 text-muted">BootStrap</span>
- <strong class="text-warning">Wrong</strong>
+ <div class="text-warning">Wrong</div>
</div>
<div class="bd-brand-item">
<span class="h3 text-muted">Twitter Bootstrap</span>
- <strong class="text-warning">Wrong</strong>
+ <div class="text-warning">Wrong</div>
</div>
</div>