将徽标添加到引导程序模板

Question

我已经有了一个模板，我正在尝试编辑，并且我已经尝试了我发现的每个已发布的解决方案，特别是：https://codepen.io/bootstrapped/pen/KwYGwq但每次都会导致格式化错误。

我的徽标是3000x700，透明背景......它有光栅化的字体，所以我只是想要适合它，但如果需要，我可以将徽标放在旁边的html字体。我无法弄清楚如何使其适合默认的导航栏。我能够得到的最接近的是右侧区域的徽标，但它会使导航栏的尺寸变大。这是默认代码：

    <header>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="brand" href="#"><i class="icon-rocket"></i> Landlr</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li><a href="#row1">Home</a></li>
                            <li><a href="#row2">Project</a></li>
                            <li><a href="#row3">Features</a></li>
                            <li><a href="#row4">Specifications</a></li>
                            <li><a href="#row5">Pricing</a></li>
                            <li><a href="#row6">Testimonials</a></li>
                            <li><a href="#row7">Get Started</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div><!-- .navbar -->
    </header>

在我尝试的附带示例中，它实际上删除了导航栏...尽管我的css匹配，其他示例也不会调整徽标的大小。帮助赞赏。