[Bootstrap 기초] 6. 기타유틸리티 text-truncate

 

text-truncate : 레이아웃에 맞게 문자열 자르기

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

 

 

Opacity : 투명도

 

<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>
<div class="opacity-0">...</div>

 

 

 

https://bootstrapmade.com/bootstrap-business-templates/