Twitter bootstrap 如何在bootstrap 3导航栏中放置图像而不是品牌文本？

我正在用bootstrap3建立我的第一个响应网络，一切都很好，只是我不能把导航放在我想要的地方。当屏幕调整大小时，它会移动，而移动屏幕的情况更糟。我找不到在导航栏中使用图像而不是文本的任何说明。

<img id="my-img" src="">
    <nav></nav>
</img>

<style>
    #my-img{
        position: relative;
    }
    #my-img nav{
        position:absolute;
        bottom:0;
    }
</style>

#我的img{
位置：相对位置；
}
#我的img导航{
位置：绝对位置；
底部：0；
}

---

您需要相对定位图像，并将导航栏绝对定位在img中。

在导航栏标题中，使用class.navbar brand链接并将您的图像插入其中。另外，声明您的图像具有响应性，如下面的示例所示

<nav class="navbar navbar-default" style="border:0px;margin:0px;">
    <div class="container-fluid" style="background-color:#175FAF;">

        <div class="navbar-header">
            <a class="navbar-brand" href="#"><img src="img/logo.jpg" alt="logo" class="img-responsive"></a>
        </div>


    </div>
</nav>

您不会在图像底部添加内容。图像是一个图像，您可以在导航栏中放置一个图像。了解更多有关CSS、html和响应式设计的信息：-阅读文档！查看示例中的代码以了解定位选项。查看上面的评论，了解如何在导航栏中放置图像。我编辑了你的问题。您需要使用css、html和任何jQuery（如果适用）发布JSFIDLE、bootply、CodePen或JSBin。