உரை துண்டிப்பு

நீள்வட்டத்துடன் உரையின் நீண்ட சரங்களை துண்டிக்கவும்.

.text-truncateநீண்ட உள்ளடக்கத்திற்கு, நீள்வட்டத்துடன் உரையை துண்டிக்க ஒரு வகுப்பைச் சேர்க்கலாம் . தேவை display: inline-blockஅல்லது display: block.

இந்த உரை மிகவும் நீளமானது, காட்டப்பட்டவுடன் துண்டிக்கப்படும்.

<!-- Block level -->
<div class="row">
  <div class="col-2 text-truncate">
    This text is quite long, and will be truncated once displayed.
  </div>
</div>

<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
  This text is quite long, and will be truncated once displayed.
</span>