पाठच्छेदनम्

दीर्घवृत्तेन पाठस्य दीर्घतारं च्छेदयतु ।

दीर्घतरसामग्रीणां कृते, .text-truncateदीर्घवृत्तेन पाठं च्छेदयितुं वर्गं योजयितुं शक्नुवन्ति । आवश्यकं display: inline-blockवा display: block.

एषः पाठः अत्यन्तं दीर्घः अस्ति, एकवारं प्रदर्शितः सन् च्छिन्नः भविष्यति ।

html

<!-- 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>