发行自定义引导菜单

Question

我正在尝试为超棒的字体创建圆形边框，这就是我得到的

这是在页面标题内。我打算在调整屏幕大小时放大按钮。

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

Answer 1

尝试删除填充：30px； 希望对您有帮助！