# display

The markup of every demo on <https://kuiper.oeds.it/display/>, extracted from that
page. It is generated, so it cannot disagree with what the page renders.

Load the framework from the origin and read <https://kuiper.oeds.it/docs/KUIPER.md> first:
a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`.

## display

Varies: 3 specimens.

```html
<div data-grid class="grid-xs">
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-3@l width-1-4@xl"><div class="card"><div class="background-white-dark padding-4xs"><span class="display-block background-muted">a</span><span class="display-block background-muted">b</span></div><p class="background-muted text-center">block</p></div></div>
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-3@l width-1-4@xl"><div class="card"><div class="background-white-dark padding-4xs"><span class="display-inline background-muted">a</span><span class="display-inline background-muted">b</span></div><p class="background-muted text-center">inline</p></div></div>
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-3@l width-1-4@xl"><div class="card"><div class="background-white-dark padding-4xs"><span class="display-inline-block background-muted">a</span><span class="display-inline-block background-muted">b</span></div><p class="background-muted text-center">inline-block</p></div></div>
</div>
```