@unabudrovich

Как сверстать такое на bootstrap?

Надо сверстать вот такой блок на bs5:

665c6740e18bf088632794.png
Примерно накидал.
<div class="row box p-5">

            <div class="col-5">
                <p class="text-center text-profile">ВАШИ АКТИВЫ</p>
                <p class="text-sm-profile text-center">По курсу за 18.08.2023 19:00</p>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <div class="d-block">
                        <p class="crypto-price-text ps-5">BTC</p>
                        <p class="crypto-sm-text ps-5">BTC</p>
                    </div>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
            </div>

            <div class="col-6">
                <p class="text-center text-profile">ВАШИ АКТИВЫ</p>
                <p class="text-sm-profile text-center">По курсу за 18.08.2023 19:00</p>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
                <div class="d-flex p-3 justify-content-center align-items-center">
                    <img class="" src="assets\img_2a36edac_472241.svg" width="100px" height="100px" alt="">
                    <p class="crypto-price-text ps-5">BTC</p>
                    <p class="crypto-sm-text ps-5">BTC</p>
                    <p class="crypto-price-text ps-5">0.0012</p>
                    <p class="crypto-price-text ps-5">$ 2000</p>
                </div>
            </div>

        </div>

Получается что-то такое:

665c677a954fb730536876.png

Как именно сделать подпись Bitcoin под BTC, чтоб это не уезжало?

665c6811c43d5557079972.png
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы