Go one step further with our solutions for creating an intuitive, personalized experience.
Change the Display property at any time in your view.
Use the following classes to modify the "display" property: d_none, d_inline, d_inline-block, d_block, d_grid, d_table, d_table-cell and d_table-row.
<div class="display-block-documentation d_none">none</div>
<div class="display-block-documentation d_inline">inline</div>
<div class="display-block-documentation d_inline-block">inline-block</div>
<div class="display-block-documentation d_block">block</div>
<div class="display-block-documentation d_grid">grid</div>
<div class="display-block-documentation d_table">table</div>
<div class="display-block-documentation d_table-cell">table-cell</div>
<div class="display-block-documentation d_table-row">table-row</div>
You can manage the behavior of the elements by specifying the breakpoint with the class d_[property]--[R], for example: d_block--t (Here R is the breakpoint).
<div class="display-block-documentation d_none">none</div>
<div class="display-block-documentation d_inline--t">inline (tablet)</div>
<div class="display-block-documentation d_inline-block--s">inline-block (small)</div>
<div class="display-block-documentation d_block--t d_inline--s">block (tablet) & inline (small)</div>
<div class="display-block-documentation d_none">none</div>
<div class="display-block-documentation d_inline">inline</div>
<div class="display-block-documentation d_inline-block">inline-block</div>
<div class="display-block-documentation d_block">block</div>
<div class="display-block-documentation d_grid">grid</div>
<div class="display-block-documentation d_table">table</div>
<div class="display-block-documentation d_table-cell">table-cell</div>
<div class="display-block-documentation d_table-row">table-row</div>
<div class="display-block-documentation d_none">none</div>
<div class="display-block-documentation d_inline--t">inline (tablet)</div>
<div class="display-block-documentation d_inline-block--s">inline-block (small)</div>
<div class="display-block-documentation d_block--t d_inline--s">block (tablet) & inline (small)</div>
| Class | Definition |
|---|---|
| d_none | display: none. |
| d_inline | display: inline. |
| d_inline-block | display: inline-block. |
| d_block | display: block. |
| d_grid | display: grid. |
| d_table | display: table. |
| d_table-cell | display: table-cell. |
| d_table-row | display: table-row. |
| d_none--[B] | display: none (at breakpoint [B]). |
| d_inline--[B] | display: inline (at breakpoint [B]). |
| d_inline-block--[B] | display: inline-block (at breakpoint [B]). |
| d_block--[B] | display: block (at breakpoint [B]). |
| d_grid--[B] | display: grid (at breakpoint [B]). |
| d_table--[B] | display: table (at breakpoint [B]). |
| d_table-cell--[B] | display: table-cell (at breakpoint [B]). |
| d_table-row--[B] | display: table-row (at breakpoint [B]). |
Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!
Cookie settings