Skip to main content Skip to docs navigation

Liander Bootstrap custom component. Tag component

On this page

Usage

Tag can be used in combination with other classes, see below:

Title for the page

Title for the page

Title for the page

Title for the page

Title for the page

Title for the page

Title for the page

Title for the page

html
<div>
  <h1 class="tag">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-secondary-subtle">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-success-subtle">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-info-subtle">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-warning-subtle">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-danger-subtle">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-light-subtle">Title for the page</h1>
</div>
<div>
  <h1 class="tag bg-dark-subtle">Title for the page</h1>
</div>

Dit moet u doen

Dit doen wij

html
<div>
  <h1 class="tag bg-secondary-subtle rounded-1 rounded-top-start-0">Dit moet u doen</h1>
</div>
<div>
  <h1 class="tag bg-primary-subtle rounded-1 rounded-top-start-0">Dit doen wij</h1>
</div>