mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-14 18:42:30 +03:00
Rename the text helper page (#28869)
This commit is contained in:
committed by
Martijn Cuppens
parent
3283fe1b52
commit
8437be2f33
@@ -0,0 +1,25 @@
|
||||
---
|
||||
layout: docs
|
||||
title: Text truncation
|
||||
description: Truncate long strings of text with an ellipsis.
|
||||
group: helpers
|
||||
toc: true
|
||||
---
|
||||
|
||||
## Text truncation
|
||||
|
||||
For longer content, you can add a `.text-truncate` class to truncate the text with an ellipsis. **Requires `display: inline-block` or `display: block`.**
|
||||
|
||||
{{< example >}}
|
||||
<!-- Block level -->
|
||||
<div class="row">
|
||||
<div class="col-2 text-truncate">
|
||||
Praeterea iter est quasdam res quas ex communi.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Inline level -->
|
||||
<span class="d-inline-block text-truncate" style="max-width: 150px;">
|
||||
Praeterea iter est quasdam res quas ex communi.
|
||||
</span>
|
||||
{{< /example >}}
|
||||
Reference in New Issue
Block a user