Настройка меню Bootstrap - PullRequest
Новая
       7

Настройка меню Bootstrap

0 голосов
/ 28 октября 2018

Я пытаюсь создать круглую рамку для шрифта, и это то, что я получаю enter image description here

Это внутри заголовка страницы.Я намерен увеличить кнопки при изменении размера экрана. 

 .circle-icon {
width: 80px;
height: 80px;
border-radius: 50%;
text-align: center;
line-height: 100px;
vertical-align: middle !important;
padding: 30px;
border-color: #fff; 
border-width:1px; 
border-style:solid;}

Это только часть кода меню 

   <div class="col-xs-6 col-md-8">
            <div class="row icon-bar">
                <div class="col-lg-2">
                    <a class="active" href="#">
                        <i class="fa fa-tag circle-icon"></i>
                        <div style="font-size:14px !important; padding: 7px !important;">
                            Voucher

                        </div>
                    </a>
                </div>
                <div class="col-lg-2">
                    <a href="#">
                        <i class="fa fa-qrcode circle-icon"></i>
                        <div style="font-size:14px !important; padding: 7px !important;">
                            Redeem

                        </div>
                    </a>
                </div>

1 Ответ

0 голосов
/ 28 октября 2018

Попробуйте удалить отступы: 30px;Надеюсь, это поможет!

...