Back to Bootstrap

Brand guidelines

site/src/content/docs/about/brand.mdx

5.3.81.6 KB
Original Source

Have a need for Bootstrap’s brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well.

When referencing Bootstrap, use our logo mark. Do not modify our logos in any way. Do not use Bootstrap’s branding for your own open or closed source projects.

<div class="bd-brand-item px-2 py-5 mb-3 border rounded-3"> </div>

Our logo mark is also available in black and white. All rules for our primary logo apply to these as well.

<div class="bd-brand-logos d-sm-flex text-center bg-light rounded-3 overflow-hidden w-100 mb-3"> <div class="bd-brand-item w-100 px-2 py-5"> </div> <div class="bd-brand-item w-100 px-2 py-5 inverse"> </div> </div>

Name

Bootstrap should always be referred to as just Bootstrap. No capital s.

<div class="bd-brand-logos d-sm-flex text-center border rounded-3 overflow-hidden w-100 mb-3"> <div class="bd-brand-item w-100 px-2 py-5"> <div class="h3">Bootstrap</div> <strong class="text-success">Correct</strong> </div> <div class="bd-brand-item w-100 px-2 py-5"> <div class="h3 text-body-secondary">BootStrap</div> <strong class="text-danger">Incorrect</strong> </div> </div>