Bootstrap/site/content/docs/5.1/about/brand.md

---
layout: docs
title: Brand guidelines
description: Documentation and examples for Bootstrap's logo and brand usage guidelines.
group: about
toc: true
---

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.

## Logo

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. **Do not use the Twitter name or logo** in association with Bootstrap.

<div class="bd-brand-item px-2 py-5 mb-3 bg-light rounded-lg">
  <img class="d-block img-fluid mx-auto" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="Bootstrap" width="256" height="204">
</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-lg overflow-hidden w-100 mb-3">
  <div class="bd-brand-item w-100 px-2 py-5">
    <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-black.svg" alt="Bootstrap" width="128" height="102" loading="lazy">
  </div>
  <div class="bd-brand-item w-100 px-2 py-5 inverse">
    <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-white.svg" alt="Bootstrap" width="128" height="102" loading="lazy">
  </div>
</div>

## Name

Bootstrap should always be referred to as just **Bootstrap**. No Twitter before it and no capital _s_.

<div class="bd-brand-logos d-sm-flex text-center bg-light rounded-lg overflow-hidden w-100 mb-3">
  <div class="bd-brand-item w-100 p-3">
    <div class="h3">Bootstrap</div>
    <strong class="text-success">Correct</strong>
  </div>
  <div class="bd-brand-item w-100 p-3">
    <div class="h3 text-muted">BootStrap</div>
    <strong class="text-danger">Incorrect</strong>
  </div>
  <div class="bd-brand-item w-100 p-3">
    <div class="h3 text-muted">Twitter Bootstrap</div>
    <strong class="text-danger">Incorrect</strong>
  </div>
</div>
markdownify about docs 2014-07-13 10:35:29 +02:00			`---`
Massive cleanup - Simpler main nav on all pages - Back to purple masthead on homepage instead of dark graphite - Active link styles on the main nav - Cleaned up sidebar nav - New docs layout name - Homepage copy edits - Updated bright purple docs color 2015-08-15 07:45:55 +02:00			`layout: docs`
markdownify about docs 2014-07-13 10:35:29 +02:00			`title: Brand guidelines`
v4: Social meta tags (#20825) * descriptions for getting started pages * descriptions for layout * add content page descriptions * more descriptions, updates to some existing ones * correct site url * add social stuff to config for twitter cards * add twitter meta tags; use large image for homepage and regular card for all others * add the assets * more site config * more social shiz to partial, remove existing meta for the partial, remove page title from homepage for simpler if statements 2016-10-03 03:19:47 +02:00			`description: Documentation and examples for Bootstrap's logo and brand usage guidelines.`
restore page headers, use partial and page frontmatter to organize it 2015-08-06 02:47:45 +02:00			`group: about`
new toc in utils and about and extend 2017-05-28 20:25:59 +02:00			`toc: true`
markdownify about docs 2014-07-13 10:35:29 +02:00			`---`

Remove sibling projects and fix image dimensions 2020-09-10 06:58:41 +02:00			`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.`
markdownify about docs 2014-07-13 10:35:29 +02:00
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`## Logo`
markdownify about docs 2014-07-13 10:35:29 +02:00
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`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. Do not use the Twitter name or logo in association with Bootstrap.`
markdownify about docs 2014-07-13 10:35:29 +02:00
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`<div class="bd-brand-item px-2 py-5 mb-3 bg-light rounded-lg">`
Remove sibling projects and fix image dimensions 2020-09-10 06:58:41 +02:00			`<img class="d-block img-fluid mx-auto" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="Bootstrap" width="256" height="204">`
markdownify about docs 2014-07-13 10:35:29 +02:00			`</div>`

First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`Our logo mark is also available in black and white. All rules for our primary logo apply to these as well.`
markdownify about docs 2014-07-13 10:35:29 +02:00
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`<div class="bd-brand-logos d-sm-flex text-center bg-light rounded-lg overflow-hidden w-100 mb-3">`
			`<div class="bd-brand-item w-100 px-2 py-5">`
			`<img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-black.svg" alt="Bootstrap" width="128" height="102" loading="lazy">`
			`</div>`
			`<div class="bd-brand-item w-100 px-2 py-5 inverse">`
			`<img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo-white.svg" alt="Bootstrap" width="128" height="102" loading="lazy">`
			`</div>`
markdownify about docs 2014-07-13 10:35:29 +02:00			`</div>`

			`## Name`

First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`Bootstrap should always be referred to as just Bootstrap. No Twitter before it and no capital _s_.`
markdownify about docs 2014-07-13 10:35:29 +02:00
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`<div class="bd-brand-logos d-sm-flex text-center bg-light rounded-lg overflow-hidden w-100 mb-3">`
			`<div class="bd-brand-item w-100 p-3">`
			`<div class="h3">Bootstrap</div>`
			`<strong class="text-success">Correct</strong>`
markdownify about docs 2014-07-13 10:35:29 +02:00			`</div>`
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`<div class="bd-brand-item w-100 p-3">`
			`<div class="h3 text-muted">BootStrap</div>`
			`<strong class="text-danger">Incorrect</strong>`
markdownify about docs 2014-07-13 10:35:29 +02:00			`</div>`
First pass at cleaning up About pages and brand assets 2020-07-06 20:36:51 +02:00			`<div class="bd-brand-item w-100 p-3">`
			`<div class="h3 text-muted">Twitter Bootstrap</div>`
			`<strong class="text-danger">Incorrect</strong>`
markdownify about docs 2014-07-13 10:35:29 +02:00			`</div>`
			`</div>`