Question

我搜索了论坛，但找不到确切的问题。

我在模板上使用bootstrap，我正在尝试在顶部栏中添加图像（'topbar' - 而不是导航栏）。

由于某种原因，图像永远不会显示。

这是代码（除了图像之外的所有其他工作正常）：

<section id="topbar">
<div class="container">
    <div class="row">
        <div class="col-sm-12 topbar-base no-padding">
            <!--Top Bar Block-->
            <div class="col-sm-8 col-md-6 topbar-block left text-left">
                <ul>
                    <li><i class="fa fa-clock-o"></i>Mon - Sat: 09.00 - 19.00</li>
                    <li>Company inc.</li>
                    <li>**<img src="flag.png" alt="" height="27px" />**</li>
                    <li><a href="tel:+1 929 425 3919"><i class="fa fa-phone"></i>+1 929 425 3919</a> </li>
                    <li><a href="mailto:info@company.com"><i class="fa fa-envelope"></i>info@company.com</a> </li>
                </ul>
            </div>
            <!--Top Bar block-->
            <div class="col-sm-4 col-md-4 col-md-offset-2 topbar-block text-right">
                <ul class="social">
                    <li><a href="#"><i class="fa fa-facebook"></i> </a> </li>
                </ul>
            </div>
        </div>
    </div>
</div>

非常感谢您提前。我已经尝试了很多东西，但似乎无法让它发挥作用。

非常感谢，兰斯

Answer 1

可能是因为图片的height属性值为27px。它应该只是27。

来自html5 specification：

如果指定了属性，则必须具有有效非负整数的值。

顺便说一句，这应该最好存储在一个css文件中。

还有其他错误，例如无效的href属性href="tel:+1 929 425 3919"。使用html validator来消除这些错误。

Answer 2

img标签内部＆＃34; topbar-block＆＃34;引用图像＆＃34; flag.png＆＃34;与.html文件在同一目录中。因此，请确保图像位于同一文件夹中。否则代码似乎是正确的。

Bootstrap - 在顶栏中显示图像

2 个答案: