bootstrap + 字形中未显示右边框

Question

我对以下代码有疑问：

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

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

有人知道为什么吗？

如果您想查看问题，也可以访问此网站（托管当前版本的网站）：

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

Answer 1

这是你的问题。 :)

bootstrap.min.css

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

}

在您的自定义 css 中删除或覆盖此行，它应该会得到解决。

bootstrap + 字形中未显示右边框

Right border not showing in bootstrap + glyphicon

css

twitter-bootstrap

glyphicons