forked from campiaperti/documentazione
34 lines
1.4 KiB
Markdown
34 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: Labels
|
||
|
|
tags: [formatting]
|
||
|
|
keywords: labels, buttons, bootstrap, api methods
|
||
|
|
last_updated: July 3, 2016
|
||
|
|
summary: "Labels are just a simple Bootstrap component that you can include in your pages as needed. They represent one of many Bootstrap options you can include in your theme."
|
||
|
|
sidebar: mydoc_sidebar
|
||
|
|
permalink: mydoc_labels.html
|
||
|
|
folder: mydoc
|
||
|
|
---
|
||
|
|
|
||
|
|
## About labels
|
||
|
|
Labels might come in handy for adding button-like tags next to elements, such as POST, DELETE, UPDATE methods for endpoints. You can use any classes from Bootstrap in your content.
|
||
|
|
|
||
|
|
```html
|
||
|
|
<span class="label label-default">Default</span>
|
||
|
|
<span class="label label-primary">Primary</span>
|
||
|
|
<span class="label label-success">Success</span>
|
||
|
|
<span class="label label-info">Info</span>
|
||
|
|
<span class="label label-warning">Warning</span>
|
||
|
|
<span class="label label-danger">Danger</span>
|
||
|
|
```
|
||
|
|
|
||
|
|
<span class="label label-default">Default</span>
|
||
|
|
<span class="label label-primary">Primary</span>
|
||
|
|
<span class="label label-success">Success</span>
|
||
|
|
<span class="label label-info">Info</span>
|
||
|
|
<span class="label label-warning">Warning</span>
|
||
|
|
<span class="label label-danger">Danger</span>
|
||
|
|
|
||
|
|
You can have a label appear within a heading simply by including the span tag in the heading. However, you can't mix Markdown syntax with HTML, so you'd have to hard-code the heading ID for the auto-TOC to work.
|
||
|
|
|
||
|
|
{% include links.html %}
|