Bootstrap navbar-brand logo - 肖像图像已被切断？

Question

按照page使用图片徽标而不是导航栏品牌的文字，我遇到了这个问题，肖像徽标已被任何内容/文字/图片/转盘切断在它之后。

我该如何解决？

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">
        <img src="http://placehold.it/150x200&text=Logo" alt="">
    </a>
</div>

结果：

Answer 1

尝试在您的CSS文件中将z-index添加到导航栏，因为它看起来像是前景图像重叠

.navbar-header {
   z-index: 100;

}

Answer 2

为img添加最大高度。

  public ActionResult Backup()
    {
        BackupDB db = new BackupDB();

        if (db.BackupDatabase())
        {
            ViewData["Success"] = "Backup is completed Successfully";
            Download("09062016_200840.Bak");
            return View("AdminIndex");
        }

        ViewData["Exception"] = "Backup Failed";
        return View("AdminIndex");

    }
    public FileResult Download(string ImageName)
    {
        return File("‪C:\\Backups" + ImageName,System.Net.Mime.MediaTypeNames.Application.Octet);
    }