Как вырастить текст снизу вверх в карте Boostrap

Question

Я использую карту Bootstrap-4 на своей веб-странице.

Я хочу, чтобы текст в card-body увеличивался снизу вверх.

 <div class="col-xl-3 col-sm-6 mb-3">
    <div class="card text-white color4 o-hidden h-100">
        <div class="card-body">
            <div class="mr-5"><span class="float-left" 
        style="min-width:280px;font-size:17px;">Tool</span> 
        </div>
            <p>Contents i want this text to grow from bottom 
             to top.</p>
        </div>
        <div class="card-body-icon">
            <i class="fa fa-cogs" aria-hidden="true"></i>
        </div>
    </div>
</div>  

Answer 1

Я не уверен, что вы имеете в виду. Я думаю, вы хотите увеличить свой текст? Вы можете использовать:

p {
font-size: 60px;
}

или даже лучше

your-div-name p {
font-size: 60px;
}