右侧边框未显示在bootstrap + glyphicon中

时间:2017-01-08 17:17:46

标签: css twitter-bootstrap glyphicons

我遇到以下代码的问题:

        <div class="row" id="thierry_poirier" style="margin-top: 10px;">
        <div class="col-md-1" align="center">
            <img src='images/profil_80.jpg' class="img-responsive img-rounded" align="center">
        </div>
        <div class="col-md-3">
            <span class="input-group-addon"><span class="glyphicon glyphicon-user"> <b>Thierry Poirier</b></span></span><br>
            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope">  thierry.poirier@earthcase.eu</span></span><br>
            <span class="input-group-addon"><span class="glyphicon glyphicon-earphone">  06.26.51.55.75</span></span><br>
        </div>
        <div class="col-md-8">
            <ul style="list-style-position: inside;">
                <li>Associé Gérant, expert sûreté sécurité</li>
                <li>Ancien officier marinier du bataillon des marins pompiers de Marseille, directeur d'exploitations portuaires, responsable sécurité sûreté de ports de plaisance et de commerce</li>
                <li>En charge des volets sûreté-sécurité-accessibilité, exploitation et formations</li>
            </ul>
        </div>
    </div>

第一个glyphicon的右边框并不像其他边框那样结束。

任何人都知道为什么?

如果您想查看问题,也可以访问此网站(托管当前版本的网站):

http://digitera.ddns.net/aboutUs.php

1 个答案:

答案 0 :(得分:1)

这是你的问题。 :)

bootstrap.min.css

.input-group-addon:first-child {
border-right: 0;

}

在自定义css中删除或覆盖此行,应该解析它。