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>

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

任何人都知道为什么？

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

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

Answer 1

这是你的问题。：）

bootstrap.min.css

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

}

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

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

1 个答案: